Scoped Motion Classes | Svelte Motion

FIG-001/ SCOPED CSS

motion classes.

A parent-scoped .headline selector styles both a native heading and a motion.h2. The motion component uses scoped:class so Svelte sees the selector as used and keeps the generated CSS.

↩ all examples

syntax · scoped:classelement · motion.h2package · @humanspeak/svelte-scoped-props mode · live running source

// scoped:class selector: .headline

scoped CSS

Native heading keeps the style.

Motion heading keeps it too.

category · scoped css

sheet · sheet 01 / 01

⟳ to re-run