@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
...
fade
, ping
, flash
, heart
, jump
, pluse
, rotate
, rotate
, shake
, zoom
, float
Documentation
For the full documentation, check out the Animation - Master CSS
Installation
npm install @master/keyframes.css
Import into your global CSS entry file like styles.css
:
@import '@master/keyframes.css';
Or import on demand:
@import '@master/keyframes.css/fade';
@import '@master/keyframes.css/ping';
...
Using CDNs
<link rel="stylesheet" href="https://cdn.master.co/keyframes.css">
Or import on demand:
<link rel="stylesheet" href="https://cdn.master.co/keyframes.css/fade.css">
<link rel="stylesheet" href="https://cdn.master.co/keyframes.css/ping.css">
...