Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
183d59a7 by Jeremy Groot
Options

fixes

1 parent bb4db8ea
Expand all
Inline Side-by-side
Showing 2 changed files with 10 additions and 10 deletions
......@@ -82,9 +82,9 @@
position: absolute;
opacity: 1;
bottom:-40px;
left:50px;
left:72px;
display: inline-block;
width:198px;
width:155px;
}
#img1 {
-webkit-box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
......@@ -125,18 +125,18 @@
<script>
var tl = new TimelineMax({repeat:1, repeatDelay:5});
var tl = new TimelineMax({repeat:0, repeatDelay:5});
function stage1(){
tl.to("#txt1", 2, {opacity:1, delay:0.5 });
tl.to("#txt1", 0.7, {opacity:0, delay:1 }, 'first');
tl.to("#txt2", 1, {opacity:1, css:{top:"65px"}, delay:1 }, 'first');
tl.to("#txt2", 0.7, {opacity:0, delay:4 }, "first");
tl.to("#img2", 1, {top:'20px', delay:4}, "first");
tl.to("#img2", 1.5, {css:{scale:0.45,top:"10px"}, delay:2}, "scale");
tl.to("#img1", 1.5, {css:{scale:0.45,top:"-85px"}, delay:2}, "scale");
tl.to("#txt3", 0.5, {css:{bottom:"7px"}, delay:3}, "scale");
tl.to("#txt1", 0.7, {opacity:0, delay:1 }, 'text_animation');
tl.to("#txt2", 1, {opacity:1, css:{top:"65px"}, delay:1 }, 'text_animation');
tl.to("#txt2", 0.7, {opacity:0, delay:4 }, "text_animation");
tl.to("#img2", 1, {top:'20px', delay:4}, "text_animation");
tl.to("#img2", 1.5, {css:{scale:0.43,top:"10px"}, delay:2}, "scale_animation");
tl.to("#img1", 1.5, {css:{scale:0.43,top:"-85px"}, delay:2}, "scale_animation");
tl.to("#txt3", 0.5, {css:{bottom:"12px"}, delay:3}, "scale_animation");
}
......