Subtile Animationen von Seitenelementen mit GIFs

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Ich mag es sehr, wenn Seiten subtile Animationen verwenden, um verschiedene Seitenelemente zu verbessern. Schauen Sie sich die E-Junkie-Website an und ihren kleinen Flammen-Dude im Stempel als Logo. Ab und zu blinzelt er und das ist ein ziemlich cooler Effekt. Sie verwenden ein animiertes GIF, um diesen Effekt zu erzielen, also dachte ich, ich gebe Ihnen ein eigenes Beispiel.

Chris Spooner von Spoon Graphics hat ein sehr cooles " Frankenspoon "-Monster entworfen. Ich habe ol' Frankenspoon ein wenig modifiziert (und ihn blinzeln lassen) und ihn in der Kopfzeile einer Beispielseite verwendet. Außerdem bewegt sich der Glanz am oberen Rand der Seite ab und zu hin und her.

monsterpage.png

[LIVE-BEISPIEL]

[BEISPIEL HERUNTERLADEN]