How To Create Animated CSS Cards (Дата оригинальной публикации: )

Uploaded By: Myvideo

Published on

12 Jun 2023

4 views

0

0 votes

0

About Share Download Add to

FREE CSS Selector Cheat Sheet: CSS cards are one of the most popular design patterns on the web. There are hundreds of different styles of cards, but they all share a few things in common. In this video I will show you how to create 4 different card styles and most importantly explain how you can expand upon these card styles to create your very own card designs. 📚 Materials/References: FREE CSS Selector Cheat Sheet: Open Sans Font: Sans GitHub Code: Emmet Video: CSS Units Video: HSL Video: CSS Variables Video: CSS Variables Article: CSS Grid Video: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 00:00 - Introduction 00:30 - Card Basics 03:30 - Header/Footer Card 09:45 - Shadow Card 11:40 - Card Grid 13:50 - Image Card 19:04 - Animated Image Card #CSS #WDS #CSSCards

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/QmltMEkrS3doZUI0amVYTTZqN3huby8yQ21UK1RqWlhyMmtRekQrTWNmZz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

CodeGate + Continue This FREE Extension BEATS CURSOR! (Opensource + Local)

15 hours ago

00:11:02

CodeGate + Continue This FREE Extension BEATS CURSOR! (Opensource + Local)

1 71%

Conor3D EVENT How to get the ELITE & REGULAR TOKEN BADGES in WARRIOR CATS (WINTER SPOTLIGHT) | Roblox

15 hours ago

00:08:01

Conor3D EVENT How to get the ELITE & REGULAR TOKEN BADGES in WARRIOR CATS (WINTER SPOTLIGHT) | Roblox

1 6%

be quiet! How to install fan clips

15 hours ago

00:01:07

be quiet! How to install fan clips

1 40%

wade028 How to make a Backrooms film with Blender (Tutorial)

15 hours ago

00:07:18

wade028 How to make a Backrooms film with Blender (Tutorial)

2 29%

Man How to create the Backrooms in Blender

15 hours ago

00:01:12

Man How to create the Backrooms in Blender

2 15%

How to Get Away with Murder

15 hours ago

00:01:49

How to Get Away with Murder

1 84%

Remix Reacts Remix Reacts to Ice, Osis, & Kaji's GBB24 SOLO ELIMS

15 hours ago

00:16:54

Remix Reacts Remix Reacts to Ice, Osis, & Kaji's GBB24 SOLO ELIMS

2 61%

Yaseen Ajina PS5 Startup Sound But It's Swapped With PS2

15 hours ago

00:00:13

Yaseen Ajina PS5 Startup Sound But It's Swapped With PS2

2 49%

Action Retro Finally, it's the Year of the HAIKU Desktop!

15 hours ago

00:11:26

Action Retro Finally, it's the Year of the HAIKU Desktop!

2 93%

Simon 3D Easiest Way to Make K A M E H A M E H A in Blender

15 hours ago

00:18:48

Simon 3D Easiest Way to Make K A M E H A M E H A in Blender

1 17%

All That Remains All That Remains - Forever Cold Official Lyric Video

15 hours ago

00:04:43

All That Remains All That Remains - Forever Cold Official Lyric Video

2 94%

Makayla ASMR ASMR Giving You a $5 Tattoos In The School Bathroom Im a Scammer Personal Attention Triggers

15 hours ago

00:29:40

Makayla ASMR ASMR Giving You a $5 Tattoos In The School Bathroom Im a Scammer Personal Attention Triggers

1 16%

Siticone Technology C# WinForms - Searchable Menu

15 hours ago

00:44:32

Siticone Technology C# WinForms - Searchable Menu

1 62%

tnbee Mavuika Theme Music EXTENDED - Incandescent Ode of Resurrection (tnbee mix) | Genshin Impact

15 hours ago

00:03:39

tnbee Mavuika Theme Music EXTENDED - Incandescent Ode of Resurrection (tnbee mix) | Genshin Impact

1 52%

Dwaytec Finally!Drivers Highway Hero Official Release CountDown, Has begin!!

15 hours ago

00:02:46

Dwaytec Finally!Drivers Highway Hero Official Release CountDown, Has begin!!

2 74%

Brandon Davis Marvel TV Boss Reveals Multiverse Saga Plans (Brad Winderbaum What If.. Season 3 Interview)

16 hours ago

00:09:48

Brandon Davis Marvel TV Boss Reveals Multiverse Saga Plans (Brad Winderbaum What If.. Season 3 Interview)

4 12%

Open Source Thinking Models Are Catching Up To OpenAI o1 Already...

16 hours ago

00:10:18

Open Source Thinking Models Are Catching Up To OpenAI o1 Already...

1 28%

Super Resolution AI - Enhance, Now ~10x Faster!

16 hours ago

00:07:23

Super Resolution AI - Enhance, Now ~10x Faster!

1 46%

Voltrox Minecraft: EASY NEW XP FARM! ( Tutorial)

16 hours ago

00:06:22

Voltrox Minecraft: EASY NEW XP FARM! ( Tutorial)

2 55%

76uy как флипать супер компактор 3000 (один из лучших базар-флипов)

16 hours ago

00:01:04

76uy как флипать супер компактор 3000 (один из лучших базар-флипов)

1 66%

Gaming Galaxy Guides GET ALL LEGENDARY WEAPONS IN ONCE HUMAN #oncehumanguide #oncehumangame

16 hours ago

00:02:21

Gaming Galaxy Guides GET ALL LEGENDARY WEAPONS IN ONCE HUMAN #oncehumanguide #oncehumangame

2 56%

WELTKRIEG 1 : Firestorm Mobile FPS WW1 Epic WW1 Mobile Gameplay: British Grenadier in Action!

16 hours ago

00:01:09

WELTKRIEG 1 : Firestorm Mobile FPS WW1 Epic WW1 Mobile Gameplay: British Grenadier in Action!

3 89%

Piepop101 How to Build Your Own Lightsaber in The Outer Rim Blade and Sorcery U12

17 hours ago

00:04:45

Piepop101 How to Build Your Own Lightsaber in The Outer Rim Blade and Sorcery U12

4 69%

Piepop101 Top 3 Most OVERPOWERED Lightsabers in VR History | NEW LIGHTSABERS Beamsabers Blade and Sorcery U11

17 hours ago

00:16:43

Piepop101 Top 3 Most OVERPOWERED Lightsabers in VR History | NEW LIGHTSABERS Beamsabers Blade and Sorcery U11

3 46%

0 Comments

Guest