Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
0aa35711 by Dan Rempel
Options

Last frame lines adjusted in length and finish position

1 parent 0d9a5494
Inline Side-by-side
Showing 1 changed file with 21 additions and 14 deletions
......@@ -165,27 +165,30 @@
#line-red-logo{
left: -205px;
top:58px;
-ms-transform: scale(.5,1); /* IE 9 */
-webkit-transform: scale(.5,1); /* Chrome, Safari, Opera */
transform: scale(.5,1);
}
#line-green-logo{
left:-200px;
top:192px;
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
-ms-transform: scale(.5,1) rotate(180deg); /* IE 9 */
-webkit-transform: scale(.5,1) rotate(180deg); /* Chrome, Safari, Opera */
transform: scale(.5,1) rotate(180deg);
}
#line-yellow-logo{
left:103px;
top: -105px;
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
-ms-transform: scale(1,.5) rotate(90deg); /* IE 9 */
-webkit-transform: scale(1,.5) rotate(90deg); /* Chrome, Safari, Opera */
transform: scale(1,.5) rotate(90deg);
}
#line-yellow2-logo{
left:-98px;
top:490px;
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
transform: rotate(-90deg);
-ms-transform: scale(1,.5) rotate(-90deg); /* IE 9 */
-webkit-transform: scale(1,.5) rotate(-90deg); /* Chrome, Safari, Opera */
transform: scale(1,.5) rotate(-90deg);
}
......@@ -360,6 +363,7 @@
//ease:Power1.easeInOut
/*
tlLines.to("#line-red", lineSpeed, {left:300, ease:Linear.easeNone, delay:0 });
tlLines.to("#line-yellow", lineSpeed+2, {top:800, ease:Linear.easeNone, delay:-2 });
......@@ -383,12 +387,14 @@
tlElements.to("#img6", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.5 });
tlElements.to("#img3", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
tlElements.to("#txt4-connection",fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
*/
/* tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:4 }); */
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:(4) });
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:(4-4) });
tlElements.to("#last-frame-group",fadeUpDuration, {opacity:1, delay:-1 });
/*
tlElements.to("#logo-green", fadeUpDuration, {left:180, delay:0 });
tlElements.to("#logo-yellow", fadeUpDuration, {left:125, delay:-.5 });
tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:-.5 });
......@@ -396,11 +402,12 @@
tlElements.to("#tag1", fadeUpDuration, {left:40, delay:0 });
tlElements.to("#tag2", fadeUpDuration, {left:40, delay:0 });
tlElements.to("#leaf", fadeUpDuration, {left:213, delay:-.2 });
*/
tlLines.to("#line-red-logo", 1, {left:15, ease:Linear.easeNone, delay:3.4 });
tlLines.to("#line-yellow-logo", 1, {top:110, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-yellow2-logo", 1, {top:130, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-green-logo", 1, {left:70, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-red-logo", 1, {left:-92, ease:Linear.easeNone, delay:(3.4-3.4) });
tlLines.to("#line-yellow-logo", 1, {top:160, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-yellow2-logo", 1, {top:77, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-green-logo", 1, {left:63, ease:Linear.easeNone, delay:-1 });
tlCamera.to("#line-img-group", 6, {y:-50, ease:Power1.easeInOut, delay:0});
......