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