Responsive Slider with Scrollbar | HTML CSS Swiper JS
This is a responsive slider with a scrollbar. Each slide includes an image, user info, and a like button, and CSS grid is used for the layout of cards.
🏞️ 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:
X: https://x.com/ecemgo
Codepen: https://codepen.io/ecemgo
GitHub: https://github.com/ecemgo
TikTok: / ecemgo
🕔 Timestamps:
0:00 – Intro
0:38 – The results of the survey on my channel
0:51 – Adding Swiper JS, Google Fonts and Font Awesome
1:26 – HTML
5:01 – CSS
13:22 – Media queries
13:57 – Javascript
15:42 – Fix scrollbar style
15:56 – The rest of Swiper JS