animista 动画代码片段

https://animista.net/play/basic/slide

庞大的动画库。在这里,你将找到可用于组件,照片和文本的基本,以及更高级的动画。方便复制每个动画。

image.png
CSS 动画库 - 图2

Animate.css

One of the big original classic CSS animation libraries from Dan Eden.
CSS 动画库 - 图3

tachyons-animate

Tachyons itself is an atomic CSS library with a ton of utility classes for essentially designing anything by adding classes to what you need. tachyons-animate extends those by adding “Single purpose classes to help you orchestrate CSS animations.” It can be used alone, but even the docs suggest it can be used in combination with other animation libraries since helper classes are generically useful.

Infinite

These animations, like rotations and pulses, that are specifically designed to run and repeat forever.
CSS 动画库 - 图4

Motion UI

A Sass library for creating flexible CSS transitions and animations.

CSS 动画库 - 图5

micron

a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power

CSS 动画库 - 图6

Vivify

Vivify is sort of like Animate.css in the sense that it contains a lot of the same types of animations. It does offer plenty of its own as well.
CSS 动画库 - 图7

Hover.css

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.

CSS 动画库 - 图8

AllAnimationCss3

CSS 动画库 - 图9

Magic Animations CSS3

CSS 动画库 - 图10

It’s Tuesday.

A quirky CSS Animation Library.

CSS 动画库 - 图11

vhs

CSS 动画库 - 图12

ReboundGen

CSS 动画库 - 图13

CSShake

CSS 动画库 - 图14

Motion CSS

CSS 动画库 - 图15

cssanimation.io

CSS 动画库 - 图16

WickedCSS

CSS 动画库 - 图17

Woah.css

CSS 动画库 - 图18

Obnoxious

CSS 动画库 - 图19

Hexa

CSS 动画库 - 图20

Mimic.css

CSS 动画库 - 图21