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>
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,