prateek
Recent Profile Visitors
2,900 profile views
prateek's Achievements
0
Reputation
-
after animation is done it should be started again in reverse direction for infinite period.
-
i want to repeat animation after 10 second duraion of animation should be 2 second
-
http://codepen.io/prateekg123/pen/jiszm
-
<html> <head> <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'> <style> .div2{position:absolute;height:100px;width:2px;background:black;left:600px;top:250px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.12.1/plugins/CSSPlugin.min.js"></script> </head> <body> <div class="div2"></div> <script> var $box2= $(".div2"); $(document).ready(function(){ TweenMax.to($box2, 4, {rotation:"10",transformOrigin:"left top",ease:Linear.easeNone}); TweenMax.to($box2, 4, {delay:"4",rotation:"-10",transformOrigin:"left top",repeat:-1, yoyo:true,ease:Linear.easeNone}); }) function moveBox() { } $(window).on('load', moveBox); </script> </body> </html>