Bibliotecas de animação CSS

Existem muitas bibliotecas que querem ajudá-lo a animar coisas na web. Na verdade, essas não são bibliotecas que ajudam você com a sintaxe ou a tecnologia das animações, mas sim bibliotecas que podem ser capturadas e usadas no estado em que se encontram. Quer aplicar uma classe como “animate-flip-up” e assistir a um elemento, uhhh, flip-up? Esse é o tipo de biblioteca a ser examinada.

Animista

Você escolhe uma animação de sua preferência e ela fornece um nome de classe que pode ser usado para chamar uma animação de quadro-chave (você copia e cola as duas). A questão é que você apenas pega o que precisa.

Animate.css

Uma das grandes bibliotecas de animação CSS clássicas originais de Dan Eden.

Infinito

Essas animações, como rotações e pulsos, são projetadas especificamente para serem executadas e repetidas para sempre.

Motion UI

Uma biblioteca Sass para criar transições e animações CSS flexíveis.

micron.js

uma biblioteca de microInterações [μ] construída com animações CSS e controlada por JavaScript Power

Vivificar

O Vivify é como o Animate.css no sentido de que contém muitos dos mesmos tipos de animações. Ele também oferece muito por conta própria.

Hover.css

Uma coleção de efeitos de foco CSS3 para serem aplicados a links, botões, logotipos, SVG, imagens em destaque e assim por diante. Aplique facilmente aos seus próprios elementos, modifique ou apenas use como inspiração. Disponível em CSS, Sass e LESS.

AllAnimationCss3

Magic Animations CSS3

É terça-feira.

Uma peculiar Biblioteca de Animação CSS.

vhs

ReboundGen

CSShake

cssanimation.io

WickedCSS

Woah.css

Obnóxio

Hexa

Mimic.css