Sprite-Animation

Man kennt ja wo auf einen Bild mehrere Bilder darauf sind die nur minimal anders aussehen. Hier ein Beispiel mit einer Glocke, die klingelt

Der hier verwendete Code

<style> .animation { width: 109px; height: 75px; background: url(image/bell.png) left center; animation: play 1.4666666666666666s steps(44) infinite; } @keyframes play { 100% { background-position: -4796px; } } </style> </head> <body> <div class="animation"></div> </body>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!