Floating Labels with Tailwind CSS

Uploaded By: Myvideo

Published on

9 Jul 2021

2 views

0

0 votes

0

About Share Download Add to

In this video, you'll learn how to pull off that cool “floating labels“ effect using just Tailwind CSS utility classes. We'll use a bunch of new features added in Tailwind CSS v2.2, including the new placeholder-shown variants and the `peer` sibling selector variant. Source code: Tailwind CSS v2.2:

Share with your friends

Link:

Embed:

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

Team17 Rogue Point | Announcement Trailer

5 days ago

00:00:55

Team17 Rogue Point | Announcement Trailer

1.2K 6%

Aim To Head Mix Hardwave / Phonk / Witch House / Trap Wave Mix 'FLOAT Vol. 2'

1 week ago

00:39:51

Aim To Head Mix Hardwave / Phonk / Witch House / Trap Wave Mix 'FLOAT Vol. 2'

35 84%

Rowland S. Howard - Pop Crimes (Full Album Stream). 2009.

3 weeks ago

00:38:24

Rowland S. Howard - Pop Crimes (Full Album Stream). 2009.

1 88%

CONCORDE - Sons

4 weeks ago

00:03:45

CONCORDE - Sons

1 69%

Vibe Chemistry & Maduk - When It Runs Out (Lyrics) feat. Felix Samuel

4 weeks ago

00:02:08

Vibe Chemistry & Maduk - When It Runs Out (Lyrics) feat. Felix Samuel

1 84%

PREMIERE: Dmitry Molosh - The Book (Original Mix) Protagonist Recordings

1 month ago

00:08:00

PREMIERE: Dmitry Molosh - The Book (Original Mix) Protagonist Recordings

1 36%

Date Everything! | Release Date Announcement

1 month ago

00:02:27

Date Everything! | Release Date Announcement

4 22%

Slowdive - kisses (Official Video)

1 month ago

00:03:58

Slowdive - kisses (Official Video)

1 52%

Moving Out 2 | Launch Trailer

1 month ago

00:01:40

Moving Out 2 | Launch Trailer

1 40%

Donato Dozzy & Anna Caragnano - Parola (Rework) SPAZIO017

1 month ago

00:07:10

Donato Dozzy & Anna Caragnano - Parola (Rework) SPAZIO017

2 79%

DREDGE | The Iron Rig | Launch Trailer

1 month ago

00:01:37

DREDGE | The Iron Rig | Launch Trailer

1 74%

Maelstrom - Target003 Audio

1 month ago

00:03:31

Maelstrom - Target003 Audio

1 11%

OCEAN-DEEP :: Atmospheric DnB & Jungle ::

1 month ago

00:56:40

OCEAN-DEEP :: Atmospheric DnB & Jungle ::

1 89%

Estas Tonne & Tatjana Branoff & Bernd Bechtloff - Cloud Dance Remastered

1 month ago

00:16:58

Estas Tonne & Tatjana Branoff & Bernd Bechtloff - Cloud Dance Remastered

2 18%

Blasphemous 2 | Mea Culpa DLC | Release Date Announcement

2 months ago

00:00:42

Blasphemous 2 | Mea Culpa DLC | Release Date Announcement

1 90%

Worms Armageddon: Anniversary Edition | Out Now

2 months ago

00:00:31

Worms Armageddon: Anniversary Edition | Out Now

2 6%

Tokimonsta feat. Candy Crush Saga - Floating

2 months ago

00:02:24

Tokimonsta feat. Candy Crush Saga - Floating

6 69%

Gentleman - Deep & Elegant Vibes Mix 2024 DEEP HOUSE

2 months ago

00:55:49

Gentleman - Deep & Elegant Vibes Mix 2024 DEEP HOUSE

1 59%

MIRAGE Online By Henry Saiz 96 - HENRY SAIZ B2B IMALGI - Summer Session

2 months ago

01:38:51

MIRAGE Online By Henry Saiz 96 - HENRY SAIZ B2B IMALGI - Summer Session

1 67%

Eguana Second Life (Psychill)

2 months ago

00:08:33

Eguana Second Life (Psychill)

1 42%

Ship of Fools | Launch Trailer

2 months ago

00:01:39

Ship of Fools | Launch Trailer

1 81%

Classified: France '44 | Launch Trailer

2 months ago

00:01:28

Classified: France '44 | Launch Trailer

2 83%

Ribe - Itinerario SOMA SELECTS Premiere

2 months ago

00:05:54

Ribe - Itinerario SOMA SELECTS Premiere

1 15%

Eimear - Above The Stars (Original Mix) Music Video Alter Ego

2 months ago

00:06:46

Eimear - Above The Stars (Original Mix) Music Video Alter Ego

1 71%

0 Comments

Guest