animation mit @kreyframes und mehreren Hintergrundbildern

Heute habe ich als Kombination der Eigenschaft backgrounds bzw. mehrere Hintergrundbilder (multiple backgrounds) und den @keyframes Animationen eine weitere kleine Variation meiner ersten Animation erstellt. 🙂

Hier wechseln alle 3 Hintergrundbilder ihre Position. Zudem werde ich im nächsten Schritt noch Text und weitere Grafiken einfügen, um dann als „Endziel“ einen animierten CSS3.de Banner zu haben.

 

Hier der Quelletxt:

(Quelle der Gras-Clipart:) http://openclipart.org/detail/1343748940.svg (Quelle der Pinguin-Clipart:) Pinguin-Clipart