Learning cool CSS words with attitude
Sometimes you want to quickly dip your hand into the linguistic and visual materiality of the web without too much reading, for example during a workshop. This page is intended at triggering curiosity and ideas by showing a bunch of shapes and words of CSS. It is meant to be looked at with the inspector open.
Backgrounds
it can be used with a single color, or gradient, or even images.
You can find cool texture on our friend Daniel's (aka melonking) website
Border
there is plenty of border style, like solid, inset, dashed and dotted. border multiple materialities can be used as a drawing tool.
Shadow
The cool thing about shadow is that you can overlay many of them. parameters are in order: top, left, thickness, bluryness, color.
text shadow works basically the same but with one less value (we can't control the shadow thickness, only the bluryness).
Transparency
Transform
transform contains infinite possibility, notably scale, rotate and skew. it reshapes the object with lots of authority, like if it was made out of clay.
Before & After
[to be writen]