leandrolima

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: div.bgcover { background: url(../img/cover.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height:100%; position: fixed; } Let me know if you know how to 'translate' it for the svg embed in the html. Thanks again. Leandro

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