CSS is pretty

RESOURCES

Get early access to videos, exclusive content, interactive code challenges, and more.

follow me on twitter

#vuejs #vue #javascript #webdev

[HamzaNasry]

bro that font is a dev's nightmare

[aashiq_hasnat]

Small tip, tailwind has p-0.5 so no need p-[2px]

[Nanagos]

I loved this effect, when it was used in Windows 10, but sadly it wasn't used anywhere except in the start menu...

[LearnVue]

shoutout to nuxt.com for inspiration on this

[ccj]

I’m just happy to see any Vue content.

[notforme]

Tip = Just give border colour transparent and div colour solid and it will run the same❤

[fanreza]

Im always loving the Nuxt UI since Nuxt2, that emerald in center of web

[kooperninja]

Great Tutorial, the font is disturbing to me tho, but this just might be me 😅

[RefRed_King]

yeah i got no clue. i hope background-color: purple; is right

[k-yo]

I suspect playing around with filter + blend modes you could have a single pseudo element on the parent instead of on each card. But just a thought, not sure if feasible

[vuufke]

If you overlay enough divs eventually you can draw the monalisa

[akirapink]

oh yeah, the windows 10 thing...always admired that effect

[nakarukatoshi]

Rest assured I will implement this. This is, by far my favourite effect, and I loved to use it in W10's calendar.

Thank you from the bottom of my heart for showing this. ❤

[gro]

Why mix tailwind with scoped style, if it can all be done in the class 🤔

[Rinnegone]

why do I keep seeing position: relative a lot. What exactly is the use case when top, bottom.. is not used? somebody please explain 🙏

[ze]

Keep up with the vids! Btw, what font did you use in the code editor?

[charlesemmanuel]

I did this in next js with different colors for each card.

[MikeNugget]

How many cards can you add to the screen before it begins to lag? 🤔

[YeehawMister]

Question. Do you need to learn HTML for css?

[The-CoIIector]

That font gave me impostor syndrome right there