This video includes card with a slider. The card also has a star button including css animation and a follow button with the confetti effect. When the user clicks the follow button, the confetti effect is seen. It is provided with Javascript Confetti library and Swiper JS is used for the slider.
Note: This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License. You may use, share, and adapt this work for non-commercial purposes, provided you give appropriate credit. For more details, visit creativecommons.org/licenses/....
Copyright (c) 2024 by Ecem Gokdogan
🍀 Inspiration: dribbble.com/shots/5369103-A-...
⭐ All Swiper JS Contents: • Swiper JS
⭐ All Form Contents: • Login Form
⭐ All CSS Animation Contents: • CSS Animation
👩💻 My Social Profiles:
Twitter: / ecemgo
Codepen: codepen.io/ecemgo
Github: github.com/ecemgo
🎵 Music Credit:
Felicity by Scott Buckley | www.scottbuckley.com.au
Music promoted by www.chosic.com/free-music/all/
Creative Commons Attribution 4.0 International (CC BY 4.0)
creativecommons.org/licenses/...
0:00 Intro
0:26 Adding Font Awesome, Swiper JS, JS Confetti and Google Fonts sources
1:29 HTML
4:27 CSS
5:46 Swiper JS
6:34 continuing with CSS
15:59 Javascript
7 июл 2024