Slider with Split Image Animation & Animated Background | HTML CSS | Swiper JS & Particles JS
This video includes Javascript libraries; Swiper JS and Particles JS. The split image animation is created by CSS animaton. If you want to split your images, you can use the link below. Swiper JS is used for the slider whereas Particles JS is used for the animated background. Plus, the slider is responsive.
🧩 The link to split your images: https://pinetools.com/split-image
🏞️ The images used in this project are from Unsplash: https://unsplash.com/
⭐Lists:
CSS Animation: • CSS Animation
Swiper JS: • Swiper JS
Vanilla Javascript & CSS: • Vanilla Javascript & CSS
Login Form: • Login Form
👩💻 My Social Profiles:
Twitter: / ecemgo
Codepen: https://codepen.io/ecemgo
Github: https://github.com/ecemgo
🕔 Timestamps:
0:00 Intro
0:25 Adding Swiper JS, ionicons and Google Fonts
0:58 HTML
4:30 CSS
17:38 Media queries
22:20 Javascript
23:16 Particle JS