The CSS Propertie view-transition-class

The view-transition-class property assigns one or more class identifiers to view transition pseudo-elements — enables styling to be shared across multiple transition pseudo-elements without duplicating CSS for each variant.

.card { view-transition-class: shared-animation; }

.item { view-transition-name: item-id; view-transition-class: slide-in fade; } ::view-transition-group(.slide-in) { animation: slide 300ms; }