Animator


Plus which, the letters that began out near to their final position would move very gradually initially, then jerk into faster motion once the marquee started. We couldn’t obtain that now, are we able to?

I understood about CSS animator at that time I authored this. However I couldn’t (but still can’t) observe how to utilize them, a minimum of without having done something crazy like redefining the animation every frame from JS. As well as in that situation, why would you use CSS whatsoever?

CSS can animate an even path between fixed points. Therefore if I relaxed the constraint above (concerning the fly-in blending easily in to the marquee pattern), I possibly could pretty easily setup an animation to fly towards the final position, then change to a marquee animation. But how will you obtain the full effect? I speculated about some trick concerning animating invisible elements with one animation, then getting another animation to fly-in from each element’s original place to the related invisible element’s marquee location, however i have no idea if that’s even possible.

Animator

Animator

You can try the origin code from the page. Animator an entire mess, mixing because it will a cut and paste from the TBPL interface, plus all jquery packed in, after which finally my hacky code in the finish from the file. Observe that it was difficult code that i can write, and that i made it happen after i got the concept around 10pm throughout a JS workweek, also it required me until about 4am. So don’t expect much in the manner of comments or sanity or whatnot. Actually, the only real comment that is not leaving comments out code seems is the text “????!”.

The eco-friendly letters possess the CSS class “success”. There are numerous hardcoded coordinates, produced manually-drawing the written text within the Gimp and by hand writing lower the appropriate coordinates.