I guess via JS or equal library, you could have the animation play
speed, depend on the speed in which the user scrolls or swipes ?
Eric Miner wrote:
Yes, it's possible, very simple and easy easy to do this CSS
animation/ You'll need to use the steps() function in your @keyframe.
I strongly suggest you use an svg for your steps() 'sprite'.
Here are some good resources to get you started:
https://css-tricks.com/snippets/css/keyframe-animation-syntax/
http://jsfiddle.net/simurai/CGmCe/light/
http://alistapart.com/article/web-animation-at-work
Hope this helps,
Eric
On June 19, 2015 at 10:45 AM Crest Christopher
<crestchristop...@gmail.com> wrote:
Is it possible to animate this
<http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/exercises/vineMask.php>,
top, right image using CSS animate, or if you know of a method. And to
answer a question, SVG library animation won't do this effect, I've
exhausted that avenue.
Christopher
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/