Come and create this flashy card with CSS

Save
2 years ago
5
CSS card js counter pokemon cards using html css create pokemon cards using html and css pokemon card CSS poke card

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...