Can I Create This Tricky CSS Vertical Timeline (Дата оригинальной публикации: )

Uploaded By: Myvideo

Published on

12 Jun 2023

5 views

0

0 votes

0

About Share Download Add to

Vertical timelines are incredibly common in applications especially when dealing with notifications and events. In this video I will do a live solve of how I would create this exact style of layout so you can see my thought process as well as what I do when I get stuck. 📚 Materials/References: GitHub Code: Vertical Timeline Design: 🌎 Find Me Here: My Blog: My Courses: Patreon: Twitter: Discord: GitHub: CodePen: ⏱️ Timestamps: 00:00 - Introduction 01:00 - HTML 07:15 - Card/Avatar CSS 20:10 - Vertical Timeline CSS 35:50 - Header CSS #VerticalTimeline #WDS #CSS

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/OXUwWkpOc1pyUUZjOGl6RHZnTFV2SUxsazJjdkRzOTlybmpKTVduS0dwRT0" 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

Долли зум.Симферополь, Крым.Государственный совет Республики Крым.City Center Panorama во время заката, вид с воздухом

13 hours ago

00:00:17

Долли зум.Симферополь, Крым.Государственный совет Республики Крым.City Center Panorama во время заката, вид с воздухом

3 19%

Armin van Buuren A State of Trance Episode 1039 - Armin van Buuren (@astateoftrance )

13 hours ago

02:01:41

Armin van Buuren A State of Trance Episode 1039 - Armin van Buuren (@astateoftrance )

2 82%

Beasty vs Twitch Chat With Only Villagers in a FFA...

13 hours ago

00:39:37

Beasty vs Twitch Chat With Only Villagers in a FFA...

1 66%

Видео от Nikita Maykov / Video trevel

13 hours ago

00:00:54

Видео от Nikita Maykov / Video trevel

3 19%

FLAVIA - Wide Awake (Music Video)

13 hours ago

00:03:58

FLAVIA - Wide Awake (Music Video)

25 14%

Афины, Греция.Крыши домов.Исторический центр города в свете утреннего солнца.Лето, вид с воздуха

13 hours ago

00:00:15

Афины, Греция.Крыши домов.Исторический центр города в свете утреннего солнца.Лето, вид с воздуха

3 43%

CRi - Live From Osheaga, Montral

14 hours ago

01:04:12

CRi - Live From Osheaga, Montral

1 55%

Mycenae, Греция.Расходы: греческое поселение 12 -го века до нашей эры.эн.С руинами Акрополя, дворца и гробниц, вида в...

14 hours ago

00:00:59

Mycenae, Греция.Расходы: греческое поселение 12 -го века до нашей эры.эн.С руинами Акрополя, дворца и гробниц, вида в...

3 32%

RANG ASMR ASMR Close Up Ear to Ear Whispers Repeating Tingly words in Gentle Rain

14 hours ago

00:41:50

RANG ASMR ASMR Close Up Ear to Ear Whispers Repeating Tingly words in Gentle Rain

7 93%

10 things you didn't know EF Core can do - Hannes Lowette - CPH DevFest 2024

14 hours ago

01:01:10

10 things you didn't know EF Core can do - Hannes Lowette - CPH DevFest 2024

1 24%

Park Han Gill: Can you succeed even with a low education level

14 hours ago

00:02:05

Park Han Gill: Can you succeed even with a low education level

1 47%

Краков, Польша.Вавельский замок.Корабли на реке Вистула.Вид исторического центра, гиперлапс с воздухом.

14 hours ago

00:00:06

Краков, Польша.Вавельский замок.Корабли на реке Вистула.Вид исторического центра, гиперлапс с воздухом.

4 16%

Symbiont Black Tunes Ep. 22 by Lira #techno #peaktime #djset

14 hours ago

01:00:00

Symbiont Black Tunes Ep. 22 by Lira #techno #peaktime #djset

25 87%

Black MOB REDMAGIC 10 PRO+ Hands-on Detailed Review ENGLISH

14 hours ago

00:02:33

Black MOB REDMAGIC 10 PRO+ Hands-on Detailed Review ENGLISH

3 45%

BENBROS Comment Bots on YouTube

14 hours ago

00:02:09

BENBROS Comment Bots on YouTube

2 89%

Quarantine Gaming Shadow Fight 3 Anniversary: Free Rewards & Everything Explained (Fox Hunt Event)

14 hours ago

00:06:09

Quarantine Gaming Shadow Fight 3 Anniversary: Free Rewards & Everything Explained (Fox Hunt Event)

2 58%

original_webm

14 hours ago

00:00:05

original_webm

1 36%

ABC News (Australia) Why Finland's schools outperform most others across the developed world |

14 hours ago

00:06:47

ABC News (Australia) Why Finland's schools outperform most others across the developed world |

9 70%

Chloe Ting 20 min Cardio Workout for Fat Burn - beginner friendly no lunges no repeats!

14 hours ago

00:19:54

Chloe Ting 20 min Cardio Workout for Fat Burn - beginner friendly no lunges no repeats!

5 54%

Гора Эльбрус на рассвете.Кавказа горы, Россия

14 hours ago

00:00:12

Гора Эльбрус на рассвете.Кавказа горы, Россия

3 60%

Xbox Xbox Series X|S - Wake Up and Dream - Power Your Dreams

15 hours ago

00:03:07

Xbox Xbox Series X|S - Wake Up and Dream - Power Your Dreams

10 45%

Ian Davis Give me a hand! I'm trying to get this information to the right people.

15 hours ago

00:11:58

Ian Davis Give me a hand! I'm trying to get this information to the right people.

4 80%

@_starhwa_ i'm getting fired cuz I can't even concentrate at work tho.. - TOKTOQ LIVE 241112#seonghwa #p...#atiny #fyp #seongh

15 hours ago

00:00:22

@_starhwa_ i'm getting fired cuz I can't even concentrate at work tho.. - TOKTOQ LIVE 241112#seonghwa #p...#atiny #fyp #seongh

3 73%

Переславл-Залесский, Россия.Никицкий монастырь - монастырь Переславл -епархии русской православной церкви, воздушный ...

15 hours ago

00:00:17

Переславл-Залесский, Россия.Никицкий монастырь - монастырь Переславл -епархии русской православной церкви, воздушный ...

5 28%

0 Comments

Guest