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
 
albertwalicki profile image
Albert Walicki

Thank you 💪💪 its very kind of you💕

Collapse
 
darkterminal profile image
Imam Ali Mustofa

It's crazy dude...

Collapse
 
prashanthr profile image
Prashanth R.

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

Collapse
 
crayoncode profile image
crayoncode

Absolutely amazing, such a lovely post.

Collapse
 
albertwalicki profile image
Albert Walicki

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
 
valperignon profile image
Valentin

Really interesting, thank you!

Collapse
 
realtoughcandy profile image
RealToughCandy.io

Solid tutorial here, thanks for sharing!

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
 
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 ;)