leandrolima
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by leandrolima
-
-
Hello guys,
Is it possible to animate an external file .svg (not the code) with the DrawSVG Plugin?
My real problem is that I need to place this .svg file as background responsive and I can't find a way to do it if it is a code inside the html file. If I put as code the animation works but I can't control the position like I do with the image.
HTML: div
<div class="bgcover" id="outlines_intro"></div>
CSS: Code I use to insert the file:
div.bgcover { background: url(../img/cover.svg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; left: 0; width: 100%; height:100%; position: fixed; }
JS: That's the javascript line that doesn't animate my svg background:
TweenMax.from ("#outlines_intro", 5, {drawSVG:"100% 100%", ease:Expo.EaseOut})
Thanks,
Leandro
DrawSVG - How to animate external file .svg?
in GSAP
Posted
Hello Carl,
Thank you for answering. I already give up of the option to animate the file .svg with DrawSVG.
On my project I'm using a .jpg background fullscreen responsive that works perfectly.
Over it need to be placed the svg object exactly in the same way because both images complete each other.
This is the code for the background image that works great:
Let me know if you know how to 'translate' it for the svg embed in the html.
Thanks again.
Leandro