Responsive Slider | HTML CSS Swiper JS

Опубликовано: 05 Октябрь 2024
на канале: Ecem Gokdogan
5,763
87

This video includes a responsive slider by Swiper JS. Each slider item has a linear gradient color and its layout is formed by a CSS grid. It also shows how to create a linear-gradient animation that changes its angle when you hover the button.

🏞️ The images used in this project are from Unsplash: https://unsplash.com/

⭐Lists:
CSS Animation:    • Creative 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:18 Adding Swiper JS, Google Fonts and ionicons
0:59 HTML
4:09 CSS
13:42 Javascript