rajeshjgd

November 7, 2014

Thanks a ton awp.black.69 . It is solved now. As this is my first sample. Once again thanks a ton.

November 7, 2014

Waiting for the solution. Your help will really help me to continue with my work.

I can run the code from CodePen (

See the Pen cxbrJ by rajeshjgd (@rajeshjgd) on CodePen

) but not in the html code.

November 7, 2014

Hi I am using the below code, but I am unable to run the animation. Your help will be appreciable a lot. Please find the code below, I am using a html editor to write my code:

<!doctype html>

<html>

<head>

<title>Untitled Document</title>

var pauseBtn = document.getElementById("pause"),

tl = new TimelineMax();

tl.staggerTo(".circle", 1.5, {x:640, repeat:-1, repeatDelay:0.5, force3D:true, ease:SlowMo.ease.config(0.2, 0.5)}, 0.15)

pauseBtn.onclick = function() {

tl.paused(!tl.paused());

pauseBtn.innerHTML = tl.paused() ? "play" : "pause";

}

</script>

<style>

body { background:#1d1d1d;}

h1 {color: #999;font-family: Arial, sans-serif;font-weight:normal;text-align:center;}

.demo {position:relative;margin:20px auto;width:620px;height:28px;background-color:#121212;border-radius:12px;overflow:hidden; border:solid 4px #121212;}

.circle { width:20px; height:20px; background-color:#86cc01; position:absolute; border-radius:50%; display:inline-block; left:-20px;

top:4px;}

button { padding:10px; margin:0 10px; width:120px; cursor:pointer;}

.nav { width:600px; margin:auto; text-align:center;}

</style>

</head>

<body>

<h1>Easy Animation Play / Pause Toggle</h1>

</div>

<button id="pause">pause</button>

</div>

</body>

</html>

Notifications

Messages

rajeshjgd

Posts

Joined

Last visited

Content Type

Profiles

Forums

Store

Blog

Product

Showcase

FAQ

Downloads

Posts posted by rajeshjgd

Which external file need to call

Which external file need to call

Which external file need to call