Come and create this flashy card with CSS
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
-
36:41
NeoDev
1 year agoAnimated Hover Card with Sass
9 -
0:26
Learn First
1 year agoTRIP CARD UI | Card UI | Minimalistic Card UI | HTML & CSS only | CSS only | #shorts
18 -
1:45
AlexCoding
1 year agohow to make card html css
5 -
0:25
Letsui
1 year agoHow to Animate Magnified Cards in Figma
4 -
17:57
Code A Future
2 months agoLearn CSS in 20 Minutes - Tutorial for Beginners
55 -
10:13
MAD About Cards and Crafts
2 years agoCreate a Stunning EZ Light-Up Christmas Card
30 -
23:57
Software Tutorials by Jake Cyr
3 years ago $0.01 earnedHow to Create a Responsive Portfolio Website from Scratch - HTML, CSS, Bootstrap Tutorial
106 -
26:23
Webcrunch
4 months ago $0.01 earnedTailwind CSS Mouse-Tracking Glow Effect with JavaScript
16 -
11:23
LearnCode.academy
1 year agoEASY! Hand-code an HTML + CSS layout
8 -
8:04
Engineer Man
2 years agoHow To Be a Better HTML/CSS Developer
225