Responsive Image Slider with Autoplay | HTML CSS Swiper JS
This video includes a responsive image slider with autoplay by Swiper JS. The active slide has a shiny white border and text. Also, the user can click on whatever slide you want.
🏞️ The images used in this project are designed by Freepik: https://www.freepik.com/
⭐Lists:
Swiper JS: • Swiper JS
GSAP: • GSAP
Slider with Vanilla Javascript & CSS: • Slider with Vanilla Javascript & CSS
Background Animation: • Background Animation
CSS Hover Effect: • CSS Hover Effect
👩💻 My Social Profiles:
Codepen: https://codepen.io/ecemgo
GitHub: https://github.com/ecemgo
TikTok: / ecemgo
🕔 Timestamps:
0:00 – Intro
0:40 – Adding Swiper JS and Google Fonts
1:16 – HTML
3:03 – Swiper JS functionality
4:17 – CSS