Re: [css-d] Path style CSS animation

2015-06-19 Thread Karl DeSaulniers
You can do something similar in jQuery and css. You need a png that had the same color as the background of your site as its background. Then tree needs to be cut out of it and then saved as a transparent png. So that it is transparent where the tree is. Then you put that png in a div with

Re: [css-d] Path style CSS animation

2015-06-19 Thread Tom Livingston
And the plot thickens... On Friday, June 19, 2015, Crest Christopher crestchristop...@gmail.com wrote: You can't add interactivity with HTML 5 video, for example scrolling or swiping to cause the video to do something. Tom Livingston wrote: Embed it as an html5 video. On Friday, June

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
SVG animation can't do varying line widths, I've exhausted that avenue already. Christopher Philip Taylor wrote: David Hucklesby wrote: As that image is PHG, I doubt it. Are we seeing the same image at top-right ? I see :

Re: [css-d] Path style CSS animation

2015-06-19 Thread Tom Livingston
Embed it as an html5 video. On Friday, June 19, 2015, Crest Christopher crestchristop...@gmail.com wrote: SVG animation can't do varying line widths, I've exhausted that avenue already. Christopher Philip Taylor wrote: David Hucklesby wrote: As that image is PHG, I doubt it. Are

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
You can't add interactivity with HTML 5 video, for example scrolling or swiping to cause the video to do something. Tom Livingston wrote: Embed it as an html5 video. On Friday, June 19, 2015, Crest Christopher crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote: SVG

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
I was going to do this with HTML Canvas, as I was suggested, working with Canvas to create the effect I want to create, isn't as pleasing as I originally thought. Tom Livingston wrote: And the plot thickens... On Friday, June 19, 2015, Crest Christopher crestchristop...@gmail.com

Re: [css-d] Path style CSS animation

2015-06-19 Thread Karl DeSaulniers
No examples this time. sry. you got to roll your own. If you want the limbs, I suggest Flash or emulate what flash does with divs. Placing little divs behind the mask at specific coordinates on a javascript timer. GL Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jun 19,

Re: [css-d] Path style CSS animation

2015-06-19 Thread Karl DeSaulniers
But this is getting OT for this list so I bow out gracefully here... Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jun 19, 2015, at 7:50 PM, Karl DeSaulniers k...@designdrumm.com wrote: No examples this time. sry. you got to roll your own. If you want the limbs, I suggest

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
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

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
Masks don't function well with most browsers. I'm looking into an alternative route, if this gets accomplished, well, I'll have something to brag about. ;-) Christopher Karl DeSaulniers wrote: No examples this time. sry. you got to roll your own. If you want the limbs, I suggest Flash or

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
The limbs is what I'll also need :-) Do you have an example ? ;-) Karl DeSaulniers wrote: You can do something similar in jQuery and css. You need a png that had the same color as the background of your site as its background. Then tree needs to be cut out of it and then saved as a

Re: [css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
Thanks Eric, I was beginning to come up with how to do this with canvas. 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

[css-d] Path style CSS animation

2015-06-19 Thread Crest Christopher
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.

Re: [css-d] Path style CSS animation

2015-06-19 Thread Philip Taylor
David Hucklesby wrote: As that image is PHG, I doubt it. Are we seeing the same image at top-right ? I see : http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png Philip Taylor __

Re: [css-d] Path style CSS animation

2015-06-19 Thread David Hucklesby
On 6/19/15 7:45 AM, Crest Christopher 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

Re: [css-d] Path style CSS animation

2015-06-19 Thread David Hucklesby
On 6/19/15 11:01 AM, Philip Taylor wrote: David Hucklesby wrote: As that image is PHG, I doubt it. Are we seeing the same image at top-right ? I see : http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png Philip Taylor Sorry. Typo. (Damn these

Re: [css-d] Path style CSS animation

2015-06-19 Thread Philip Taylor
David Hucklesby wrote: Are we seeing the same image at top-right ? I see : http://www.danfergusdesign.com/classfiles/oldClasses/VCB209-2Danim/thumbs/vine.png Philip Taylor Sorry. Typo. (Damn these cataracts!) OK, so we are seeing the same image, in which case can it not be