CSS blocks
Style sprites, the Stage and the generated page through a catalog built from 320 CSS properties. The generated block families keep the palette searchable instead of hard-coding nearly two thousand style blocks by hand.
Why there are so many CSS blocks
The current catalog has 320 supported CSS property names. Each property can produce several visual actions: set a sprite style, set a Stage style, set a page style, clear a sprite style, read a sprite style into a variable, or animate a sprite style.
That family generation accounts for 1,920 specialized CSS blocks while the editor still shows only the category/search slice you are using.
Examples you can search for
The property name becomes part of the block label.
blocksset sprite opacity
set stage background
set page font-size
clear sprite transform
save sprite width to variable
animate sprite opacityTry one obvious change first
CSS can change many things at once, so make the first experiment extremely visible.
Choose a sprite.
Search CSS for opacity, filter, transform or border-radius.
Set one property to a valid CSS value.
Run the Stage/project and confirm the change before adding a second style.
Use the simpler category when it exists
Looks already has beginner-friendly size, opacity, color, visibility and layer blocks. Prefer those when they express what you need. Reach for CSS when you need a real web property that the simpler Looks/UI blocks do not expose.