Des effets hover originaux (un peu lourds pour certains).
Des effets "hover" assez originaux.
Via https://blog.stephaniewalter.fr/semaine-pixels-25-novembre-2016/
Une autre lib JS pour gérer les animations CSS en JS.
Un petit topo sur les performances et l'optimisation des animations CSS. En outre, on y montre comment visualiser tout ça avec les outils de développement.
Une librairie Javascript pour faire des animations au scroll.
Comme dit dans la source, attention à ne pas en abuser, et surtout attention à mettre un timer suffisamment court. Il n'y a rien de plus chiant que les sites sur lesquels il faut attendre 2 secondes à chaque scroll pour que le contenu apparaisse.
Via https://blog.stephaniewalter.fr/semaine-pixels-19-aout-2016/
Une librairie qui permet de construire des animations CSS purement en JS. C'est assez intéressant dans le sens où ça combine la flexibilité des animations jQuery de la vieille époque avec l'optimisation et la rapidité des animations CSS modernes.
Et comme la fonction attend un objet Javascript, c'est assez facile de définir quelques animations et de les réutiliser.
Le repo Github est ici : https://github.com/juliangarnier/anime
Un effet glitch très bien foutu à appliquer sur du texte. Et c'est du pur CSS.
Encore une pelleté d'effets pour boutons en CSS.
Différentes animations de boutons très originales.
Une courte animation qui explique comment faire un triangle en CSS.
En gros, on utilise la jointure des bordures d'un bloc qui se font en forme de triangle. En réduisant la taille de l'élément à 0px et en faisant disparaître 3 des 4 bordures, on obtient un triangle.
Plein de snippets CSS avec notamment des animations très bien foutues. Rien que le premier est assez bluffant.
Un outil qui a l'air extrêmement prometteur pour créer facilement des animations complexes. L'interface se constitue principalement d'une timeline. C'est toujours en beta, accessible uniquement sur invitation mais j'ai hâte de voir ce que ça permettra.
Des bouttons hamburgers animés de moult façons.
Une lib JS qui propose des animations assez bluffantes. Bon certaines de leurs démos semblent un peu lourdes pour Firefox mais ça permet des choses sympathiques.
Comment effectuer des transitions sur les ombres proprement et avec de bonnes perfs.
Autre lien : https://lehollandaisvolant.net/?id=20170314183516