DEV Community

Cover image for How to Fall In Love With Single Div Illustrations

How to Fall In Love With Single Div Illustrations

Albert Walicki on January 08, 2021

I always admire people who create single-div illustrations in CSS. One div, multiple background layers, tone of CSS code and BOOM. Here you have an...
Collapse
 
darkterminal profile image
Imam Ali Mustofa •

It's crazy dude...

Collapse
 
albertwalicki profile image
Albert Walicki •

Thank you 💪💪 its very kind of you💕

Collapse
 
crayoncode profile image
crayoncode •

Absolutely amazing, such a lovely post.

Collapse
 
albertwalicki profile image
Albert Walicki •

Thank you ❤️

Collapse
 
valperignon profile image
Valentin •

Really interesting, thank you!

Collapse
 
gokayokyay profile image
Gökay Okyay •

Wow! Truly amazed! Quick question, can you create any animations for these? 😄

Collapse
 
albertwalicki profile image
Albert Walicki • • Edited

It might be hard, but it's possible. For example:
codepen.io/jh3y/pen/VweqyyW

Collapse
 
manuelws profile image
manuelws •

Well this made my week and has just started! dope!

Collapse
 
gokayokyay profile image
Gökay Okyay •

Awesome ❤️

Collapse
 
s_aitchison profile image
Suzanne Aitchison •

Nice! I sort of knew it was all about layering backgrounds and gradients, but this post makes it sooooo much clearer to me. Thank you!

Collapse
 
realtoughcandy profile image
RealToughCandy.io •

Solid tutorial here, thanks for sharing!

Collapse
 
prashanthr profile image
Prashanth R. •

This is truly brilliant. Thanks for sharing and writing this up!

Collapse
 
gingerkitty profile image
gingerkitty •

Great instructions! Seems so simple I want to try myself.... Can you show us how to do this one [github.com/cyanharlow/purecss-fran...]?

Collapse
 
gregorgonzalez profile image
Gregor Gonzalez •

I can't believe the power of css! So good so amazing! Well done.
What about the compatibility with browsers? 😬

Collapse
 
albertwalicki profile image
Albert Walicki •

It should work on all browsers. It's just a background ;)