Kenzubjz

 How to Use steps() in CSS Animations CSS3 • Tutorials Joni Trythall • • 6 minutes READ I am guessing that many of you have found steps() to be confusing when using it in CSS animations I wasn't sure how or why to use it at first and searching seems to produce two main examples A typing demo by Lea Verou and an animated sprite sheet by animation css sprite tween Share Improve this question Follow edited Jan 3 '11 at 2137 Empereol asked Dec 21 '10 at 1936 Empereol Empereol 476 6 6 silver badges 15 15 bronze badges 3 I am currently attempting to use a cubicbezier that is a vertical lineLet's start with the animation CSS Onto the CSS, which is the crux of the whole thing Let's start with the @keyframes This is the part where you can actually define an animation In our case, we'll need three of them one to move the sprite left, one to move it right, and one to animate it Css Sprites What They Are Why They Re Cool And How To Use Them Css Tricks Css sprite animation