EasyFrame

- Build sprite sheet animation | originally from AnimeCursor
home tool tutorial about privacy github [#142] Created with Sketch.
CSS @keyframes name (must be valid identifier)
Class for cursor element (without dot)
Provide a URL or upload a local image for preview (URL will be used in generated CSS).
Preview uses infinite loop (with alternate if pingpong selected).
Apply crisp pixel edges for pixel art sprites
Number or JSON array (positive integers)
Number or JSON array (same length as frames)
HTML element (div.ef-sprite). Use it with EasyFrame.JS to generate animation without code.
If you don't use EasyFrame.JS, you can copy code below to add css manualy.
Class rule (.sprite-animate)
@keyframes rule (spriteAnimate)