Archive for the ‘custom properties’ Category

Individual CSS Transform Functions

Posted on: No Comments
Dan Wilson documents a classic annoyance with transforms: button { transform: translateY(-150%); } button:hover { /* will (perhaps unintentionally) override the original translate */ transform: scale(.8); } The native (and WET) solution is list t...

Random Numbers in CSS

Posted on: No Comments
I stumbled into an interesting problem the other day. I wanted to animate an element with a random animation-duration. This was the non-randomized starting point: See the Pen Random numbers CSS #1 by Robin Rendle (@robinrendle) on CodePen. This is the...