9 Satisfying CSS + JS Animationen zur Entspannung

9 Satisfying CSS + JS Animationen zur Entspannung Thumbnail
Veröffentlicht am 15. September 2019Zuletzt aktualisiert am 17. April 2021

Manchmal reicht es nach einem langen, anstrengenden Tag sich etwas schönes anzuschauen. Dafür eigenen sich „satisfying“ Videos oder Bilder sehr gut. Dass das auch mit CSS und JavaScript geht, seht ihr in diesem Beitrag!

Anzeige

Satisfying bedeutet zu deutsch, sowas wie „zufriedenstellend“. Solche Animationen sind einfach schön und beruhigend anzusehen. Genial ist das, wenn sie einen tiefern nutzen haben, wie das erste Beispiel als Ladeanimation. Lass‘ dich einfach überraschen, was das Web alles zu bieten hat.

Manche Animationen sind interaktiv. Hover einfach mal drüber und klick mit der Maus darauf.

Achtung: Die einzelnen Pens sind nicht von mir!

1. Oddly satisfying loading indicator (CSS only)

Anzeige

2. Oddly satisfying CSS Only animation

3. The Last Experience

4. Campfire

5. Growing pastel dots

6. Rainbow lines

Anzeige

7. Mesmerizing

8. Animation Test

9. Musical background on mousemove

Ich hoffe, die Animationen konnten dich etwas beruhigen oder haben Dich teilweise fasziniert und motiviert für neue Projekte. Kreative Phasen sind für uns wichtig und wir sollten uns täglich Zeit nehmen um etwas abzuschalten.

Noch nicht genug? Dann könnte das etwas für Dich sein!

Ähnliche Beiträge
💬 Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.