Coverflow Effect Slider with Animated Background | HTML CSS Swiper JS
HTML-код
- Опубликовано: 31 май 2024
- This video includes a coverflow effect slider by Swiper JS. Each slide has a text animation. Plus, it has an animated background by using only CSS. It is also responsive.
Note: This project can be accessible but it is not meant for unlimited use. Please, do not use it in profit-making platforms (e.g. RUclips) and projects without permission.
Copyright (c) 2024 by Ecem Gokdogan
🍀 Inspiration: dribbble.com/shots/15601931-F...
⭐ All Swiper JS Contents: • Swiper JS
⭐ All CSS Animation Contents: • CSS Animation
⭐ All Form Contents: • Login Form
👩💻 My Social Profiles:
Twitter: / ecemgo
Codepen: codepen.io/ecemgo
Github: github.com/ecemgo
🎵 Music Credit:
Song: sumu - apart [NCS Release]
Music provided by NoCopyrightSounds
Free Download/Stream: ncs.io/apart
Watch: ncs.lnk.to/apartAT/youtube
0:00 Intro
0:40 Adding Swiper JS and Google Fonts sources
1:28 HTML
3:44 CSS
4:31 Style of the animated background
8:15 Swiper JS
11:11 Continuing with the slider style