DEV Community

Cover image for 10 Satisfying CSS Animations for relaxation πŸ’†

10 Satisfying CSS Animations for relaxation πŸ’†

webdeasy.de on September 15, 2019

Sometimes after a long, exhausting day it is enough to look at something beautiful. Therefore "satisfying" videos or pictures are very good. You ca...
Collapse
 
chrisachard profile image
Chris Achard

These are sooo nice :) It's so cool how much just CSS can do! Awesome work πŸ˜ƒ

Collapse
 
jamesthomson profile image
James Thomson

Sorry to be that guy, but half of these are using JS & Canvas to do the work - have a look at the SCSS tab on them. Still some cool animations, but the title is definitely misleading.

Collapse
 
webdeasy profile image
webdeasy.de

That's correct, I fixed the title! ☝️

Collapse
 
kp profile image
KP

Exactly. As cool as these are, this is all mostly JS.

Thread Thread
 
chrisachard profile image
Chris Achard

I guess I should've looked at the source first πŸ€¦β€β™‚οΈ

Collapse
 
blankbash profile image
Erik

OMG!!! The Last Experience is so fun!!!

Collapse
 
dsaw profile image
Devesh Sawant • Edited

Yeah, that one is oddly relaxing and... annoying at the same time.

Collapse
 
conorluddy profile image
Conor

Loving the first one in particular :D

Collapse
 
nuggit profile image
Nagisa Day

Did you make all these?? I want to hear the story behind #3!

Collapse
 
webdeasy profile image
webdeasy.de

No, I didn't program those pens. But I like to be inspired by them! :)

Collapse
 
romainlt profile image
Romain Lt

Excellent :D !

Collapse
 
pandaquests profile image
Panda Quests

"The last experience" is kind of creepy. But cool samples

Collapse
 
scottibr profile image
Guilherme Scotti

Cool love all

Collapse
 
whillozb profile image
whilloz willy bozzie

Hell no! Didn't see that coming!! So refreshing.

Collapse
 
gitjuned profile image
Juned Khatri

AWESOME WORK!

Collapse
 
webdeasy profile image
webdeasy.de

Thanks!

Collapse
 
remibruguier profile image
RΓ©mi BRUGUIER

Ok that second one is not satisfying at all, it irritated me to not understand how it worked without checking the code behind it... Thanks for the share though, it is really interesting.

Collapse
 
webdeasy profile image
webdeasy.de

Yeah it's crazyπŸ˜‚

Collapse
 
johannesjo profile image
Johannes Millan

Great list! Thank you very much for sharing. Though I have to say: Some of them (3 & 6 especially) are not relaxing to me at all :)

Collapse
 
webdeasy profile image
webdeasy.de

They are more satisfying than relaxing. πŸ˜‚

Collapse
 
yuanhao profile image
YuanHao Chiang • Edited

Everything was great and relaxing until the 9th one started making random sounds 🀣

Great list, I can't believe CSS can do this much O_O.

Collapse
 
webdeasy profile image
webdeasy.de

Yeah, but also cool I think. πŸ˜‚

Collapse
 
olalani profile image
Olalani Oluwaseun

Cool stuffs
Love them