Come and create this flashy card with CSS

1 year ago
5

Ready to unleash your creativity? This video will walk you through the steps to design a stunning and eye-catching card using CSS.
Get ready to add some flair to your web projects! 🚀

Learn how to apply CSS techniques and tricks to bring your designs to life.
From gradients to animations, this tutorial will help you master the art of creating visually striking cards. 🌈💫

Simple Card for Beginners with CSS and JS
Codepen 💻: https://codepen.io/Oskar_Olortegui/pen/eYMNdWP
Watch the most recent videos
https://www.youtube.com/@AlephNeoDev/videos 👀

Review 👽
--- We use data HTML attribute
-- Toggle JS classes
-- JS Automatic Counter

🕛🕛TimeStamps🕛🕛
0:41 initial HTML structure
4:30 initial CSS
6:30 CSS circular shape
20:03 HTML/CSS modal
25:28 setting initial values/properties
26:05 Testing the active class
27:43 JavaScript - DOM manipulation
29:40 Adding Transition to our modal
30:15 What is JS Recursion? ⭐
30:35 Using the Data attribute in our HTML
36:24 How to change the counter format? ⭐

Who am I? 🔍
I am just a new developer trying to learn and grow and I would like you to join
me in this journey
GitHub 😸 https://github.com/AlephOlortegui?tab=repositories
Codepen 💻 https://codepen.io/Oskar_Olortegui

#CSSCard #JSCounter #HTMLdataAttribute

Loading comments...