Category: Animation

Posted on

Frog Animation Sprite (Part 3) Maria

Animation Part 3 #frog { margin: 0 auto 100px auto; position: relative; width:400px; height:200px; top: 20px; border:1px solid white; background: url(“frogSprite3.png”) left center; animation: launch 2s steps(24) infinite;} @keyframes launch { from {background-position: 0px 0; } to {background-position: -9600px 0; }