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/

Reply via email to