1---
2title: Style View Transition Pseudo-Elements
3impact: MEDIUM
4tags: view-transition, pseudo, styling
5---
6 
7## Style View Transition Pseudo-Elements
8 
9Style view transition pseudo-elements for custom animations.
10 
11**Incorrect (default crossfade only):**
12 
13```ts
14document.startViewTransition(() => { /* ... */ });
15```
16 
17**Correct (custom animation):**
18 
19```css
20::view-transition-group(card) {
21  animation-duration: 300ms;
22  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
23}
24```
25