Today I Learned - Rocky Kev

TIL Animista for generating CSS animations

POSTED ON:

TAGS: css generator

I love tools which generates code.

It's satisfying to create your own for learning purposes. But it's the same reason we all use a IDE like VSCode, instead of coding in VIM or by banging rocks together.

I love Animista because I can quickly generate a sweet animation quickly.

Animista is one of the best CSS tools you can use for animations. It gives you a collection of pre-made animations that you can use in your CSS. You can choose any type of animation you like and edit it as you want. Once you’re done, you can generate the CSS code for the animation and use it on your project code.

Check it out -> https://animista.net/

Related TILs

Tagged: css

TIL the alternate keyword

If 'alternate' appears along with the stylesheet keyword, the linked file is an alternative stylesheet. It won’t be applied to the document, but it will be ready for when we need it.

TIL Logical Properties

For that sweet sweet Internationalization you want to avoid directional words like 'left', 'right', 'top', and 'bottom'.

TIL Using pseudo-classes in your querySelector!

let notTuna = document.querySelectorAll('.sandwich:not(.tuna)')