animations-cft-v1
v1.2.14
Published
1. Add these links in Header <link rel="stylesheet" href="/animations/animations.min.css"> <script src="/animations/animations.bundle.js"></script>
Downloads
45
Readme
- Add these links in Header
- for these
New Animations
bounce
: Adds a bouncing effect to an element.rotate
: Smooth rotation animation.zoom-rotate
: Combines zooming and rotating for a dynamic effect.stagger-fade-in
: Staggered fade-in for multiple elements.morph-shape
: Morphs a shape from one form to another.
** Add the styles like below in html file
data-animation="bounce"
** Include this line in your app.js
app.use('/animations', express.static(path.join(__dirname, 'node_modules/animations-cft-v1/dist')));
Available animations are
bounce,
zoom-rotate,
zoom-out,
morph-shape,
rotate,
stagger-fade-in,
fade-in,
fade-out,
slide-in-left,
slide-out-left,
slide-in-right,
slide-out-right,
slide-in-top,
slide-out-top,
slide-in-bottom,
slide-out-bottom,