Biene mit CSS Animation 01

Die Szene besteht aus einer Wiese mit Gras und bunten Blumen. Eine Blume ist besonders groß und steht im Vordergrund.

Eine Biene kommt in die Szene geflogen, sieht die Blume und fliegt auf sie zu. Die Blume reagiert auf die Annäherung der Biene, in dem sie sich emporreckt. Die Biene flirtet mit der Blume (Herzen) die sich noch stärker der Biene zuwendet. Doch dann fliegt die Biene weiter und die Blume sinkt enttäuscht in ihre Ausgangsposition zurück. Auf dem Rückweg kommt die Biene wieder bei der Blume vorbei, beachtet sie aber nicht.

Die Animation lässt sich mit einem kleinen Button rechts unten im Kopfbereich ab- und wieder anschalten.

Erklärung zur CSS3-Animation lesen