@master/keyframes.css

Simple and useful CSS keyframes ~304B

@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">
...