Cube Effect Slider | HTML CSS Swiper JS
This video demonstrates how to build a responsive landing page. It has a slider with the cube effect by Swiper JS and CSS grid is used for the layout.
🏞️ The images used in this project are from Unsplash: https://unsplash.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:27 – Adding Swiper JS, Google Fonts and ionicons
1:05 – HTML
4:59 – CSS
11:21 – Media queries
13:10 – Other details (cost, description and ratings styles) on the cube
16:56 – Javascript