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 @@ ...@@ -165,27 +165,30 @@
165 #line-red-logo{ 165 #line-red-logo{
166 left: -205px; 166 left: -205px;
167 top:58px; 167 top:58px;
168 -ms-transform: scale(.5,1); /* IE 9 */
169 -webkit-transform: scale(.5,1); /* Chrome, Safari, Opera */
170 transform: scale(.5,1);
168 } 171 }
169 #line-green-logo{ 172 #line-green-logo{
170 left:-200px; 173 left:-200px;
171 top:192px; 174 top:192px;
172 -ms-transform: rotate(180deg); /* IE 9 */ 175 -ms-transform: scale(.5,1) rotate(180deg); /* IE 9 */
173 -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ 176 -webkit-transform: scale(.5,1) rotate(180deg); /* Chrome, Safari, Opera */
174 transform: rotate(180deg); 177 transform: scale(.5,1) rotate(180deg);
175 } 178 }
176 #line-yellow-logo{ 179 #line-yellow-logo{
177 left:103px; 180 left:103px;
178 top: -105px; 181 top: -105px;
179 -ms-transform: rotate(90deg); /* IE 9 */ 182 -ms-transform: scale(1,.5) rotate(90deg); /* IE 9 */
180 -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ 183 -webkit-transform: scale(1,.5) rotate(90deg); /* Chrome, Safari, Opera */
181 transform: rotate(90deg); 184 transform: scale(1,.5) rotate(90deg);
182 } 185 }
183 #line-yellow2-logo{ 186 #line-yellow2-logo{
184 left:-98px; 187 left:-98px;
185 top:490px; 188 top:490px;
186 -ms-transform: rotate(-90deg); /* IE 9 */ 189 -ms-transform: scale(1,.5) rotate(-90deg); /* IE 9 */
187 -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ 190 -webkit-transform: scale(1,.5) rotate(-90deg); /* Chrome, Safari, Opera */
188 transform: rotate(-90deg); 191 transform: scale(1,.5) rotate(-90deg);
189 } 192 }
190 193
191 194
...@@ -360,6 +363,7 @@ ...@@ -360,6 +363,7 @@
360 //ease:Power1.easeInOut 363 //ease:Power1.easeInOut
361 364
362 365
366 /*
363 367
364 tlLines.to("#line-red", lineSpeed, {left:300, ease:Linear.easeNone, delay:0 }); 368 tlLines.to("#line-red", lineSpeed, {left:300, ease:Linear.easeNone, delay:0 });
365 tlLines.to("#line-yellow", lineSpeed+2, {top:800, ease:Linear.easeNone, delay:-2 }); 369 tlLines.to("#line-yellow", lineSpeed+2, {top:800, ease:Linear.easeNone, delay:-2 });
...@@ -383,12 +387,14 @@ ...@@ -383,12 +387,14 @@
383 tlElements.to("#img6", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.5 }); 387 tlElements.to("#img6", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.5 });
384 tlElements.to("#img3", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 }); 388 tlElements.to("#img3", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
385 tlElements.to("#txt4-connection",fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 }); 389 tlElements.to("#txt4-connection",fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:-.2 });
390 */
386 391
387 392
388 /* tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:4 }); */ 393 /* tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:4 }); */
389 tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:(4) }); 394 tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:(4-4) });
390 tlElements.to("#last-frame-group",fadeUpDuration, {opacity:1, delay:-1 }); 395 tlElements.to("#last-frame-group",fadeUpDuration, {opacity:1, delay:-1 });
391 396
397 /*
392 tlElements.to("#logo-green", fadeUpDuration, {left:180, delay:0 }); 398 tlElements.to("#logo-green", fadeUpDuration, {left:180, delay:0 });
393 tlElements.to("#logo-yellow", fadeUpDuration, {left:125, delay:-.5 }); 399 tlElements.to("#logo-yellow", fadeUpDuration, {left:125, delay:-.5 });
394 tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:-.5 }); 400 tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:-.5 });
...@@ -396,11 +402,12 @@ ...@@ -396,11 +402,12 @@
396 tlElements.to("#tag1", fadeUpDuration, {left:40, delay:0 }); 402 tlElements.to("#tag1", fadeUpDuration, {left:40, delay:0 });
397 tlElements.to("#tag2", fadeUpDuration, {left:40, delay:0 }); 403 tlElements.to("#tag2", fadeUpDuration, {left:40, delay:0 });
398 tlElements.to("#leaf", fadeUpDuration, {left:213, delay:-.2 }); 404 tlElements.to("#leaf", fadeUpDuration, {left:213, delay:-.2 });
405 */
399 406
400 tlLines.to("#line-red-logo", 1, {left:15, ease:Linear.easeNone, delay:3.4 }); 407 tlLines.to("#line-red-logo", 1, {left:-92, ease:Linear.easeNone, delay:(3.4-3.4) });
401 tlLines.to("#line-yellow-logo", 1, {top:110, ease:Linear.easeNone, delay:-1 }); 408 tlLines.to("#line-yellow-logo", 1, {top:160, ease:Linear.easeNone, delay:-1 });
402 tlLines.to("#line-yellow2-logo", 1, {top:130, ease:Linear.easeNone, delay:-1 }); 409 tlLines.to("#line-yellow2-logo", 1, {top:77, ease:Linear.easeNone, delay:-1 });
403 tlLines.to("#line-green-logo", 1, {left:70, ease:Linear.easeNone, delay:-1 }); 410 tlLines.to("#line-green-logo", 1, {left:63, ease:Linear.easeNone, delay:-1 });
404 411
405 412
406 tlCamera.to("#line-img-group", 6, {y:-50, ease:Power1.easeInOut, delay:0}); 413 tlCamera.to("#line-img-group", 6, {y:-50, ease:Power1.easeInOut, delay:0});
......