Is it easy to animate letters?
http://cl.ly/YXIK (image of what I'm trying to animate)
I am a graphic designer and new to CSS and HTML trying to animate Arabic letters to convey how they will be written in a specific style (calligraphy).
I want to find a way to animate 28 or more letters easily. I tried several methods but didn't work. Now I am trying to use Adobe Edge Animate ( http://cl.ly/YRdZ ) but still have problems.
I also need help determining brush size, angle and stroke speed to simulate the way a calligrapher draws letters.
my questions:
- What's the best and most economical way to bring these letters to life? (software or secret recipes)
- Will generating one CSS or one JS be enough to animate each letter?
- How can I read the SVG file? I couldn't figure out the numbers at all!
+3
source to share
1 answer
I would recommend using this library :: http://maxwellito.github.io/vivus/
new Vivus('my-letter-id', {type: 'oneByOne', duration: 500}, myCallback);
+1
source to share