Install @jules.sk/data-motion
package:
npm install @jules.sk/data-motion
Import script, styles and initialize:
import { init } from '@jules.sk/data-motion';
import '@jules.sk/data-motion/dist/data-motion.css'; // You can also use <link> for styles
// ..
init();
[data-motion=fade-up]
[data-motion=fade-down]
[data-motion-delay]
- 0, 50, 100, 150 ... 3000[data-motion-duration]
- 0, 50, 100, 150 ... 3000