At first I was all "Girrrrrrl, you crazy - there's no way that cloud is in CSS."
So I tried it, and whadya know! It can be done - with only one element, too!
Check it out. Also, I discovered that using -webkit-mask-image on an element essentially completely hides pseudo elements. Bummer.
-webkit-mask-image
I think Julie's cloud is probably cuter than mine.
11 months ago
No. Way.
Nicely done :)
Now scale-able, just by changing the html's font-size
Looks amazing btw, I'm definitely excited about CSS now, I remember ages ago I was all .png this and that, and now I'm much more comfortable with CSS. :)
☁
Amazing! That's an iCloud!
Really dude?
@Nick did I do something wrong?
haha not at all. radness dude.. as always.
@Nick phew. Thanks!
Continue your awesomess :) it makes the rest of us work harder ha
nice job.
golden rectangle baby!
8 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
13 Responses
At first I was all "Girrrrrrl, you crazy - there's no way that cloud is in CSS."
So I tried it, and whadya know! It can be done - with only one element, too!
Check it out. Also, I discovered that using
-webkit-mask-imageon an element essentially completely hides pseudo elements. Bummer.I think Julie's cloud is probably cuter than mine.
11 months ago
Pro
Jonathan Ogden
No. Way.
11 months ago
Pro
Prekesh Chavda
Nicely done :)
11 months ago
Now scale-able, just by changing the html's font-size
Looks amazing btw, I'm definitely excited about CSS now, I remember ages ago I was all .png this and that, and now I'm much more comfortable with CSS. :)
11 months ago
☁
11 months ago
Pro
Dominik Schmidt ⚛
Amazing! That's an iCloud!
11 months ago
Pro
Nick Sloggett
Really dude?
11 months ago
@Nick did I do something wrong?
11 months ago
Pro
Nick Sloggett
haha not at all. radness dude.. as always.
11 months ago
@Nick phew. Thanks!
11 months ago
Pro
Nick Sloggett
Continue your awesomess :) it makes the rest of us work harder ha
11 months ago
Pro
Mani
nice job.
11 months ago
golden rectangle baby!
8 months ago