Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
907538da by Dan Rempel
Options

Minor tweaks, now for client approval.

1 parent 4f2b95d2
Inline Side-by-side
Showing 3 changed files with 25 additions and 23 deletions
......@@ -278,15 +278,15 @@
}
#logo-green{
left:-200px;
top: 589px;
top: 588px;
}
#logo-yellow{
left:305px;
top: 555px;
top: 554px;
}
#logo-red{
left:100px;
top: 566px;
top: 564px;
opacity: 0;
}
......@@ -302,7 +302,7 @@
}
#last-frame-group{
background: url(assets/collage.jpg) no-repeat;
background: url(assets/collage.jpg) no-repeat -1px -1px;
position: absolute;
width: 100%;
height: 386px;
......@@ -404,17 +404,19 @@
/* tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:4 }); */
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:4 });
tlElements.to("#last-frame-group",fadeUpDuration, {opacity:1, delay:-1 });
tlElements.to("#tag1", fadeUpDuration, {left:40, delay:0 });
tlElements.to("#tag2", fadeUpDuration, {left:40, delay:0 });
tlElements.to("#leaf", fadeUpDuration, {left:213, delay:-.2 });
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 });
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:10, ease:Linear.easeNone, delay:3.4 });
tlLines.to("#line-yellow-logo", 1, {top:140, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-yellow2-logo", 1, {top:190, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-green-logo", 1, {left:80, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-red-logo", 1, {left:15, ease:Linear.easeNone, delay:3.4 });
tlLines.to("#line-yellow-logo", 1, {top:135, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-yellow2-logo", 1, {top:192, ease:Linear.easeNone, delay:-1 });
tlLines.to("#line-green-logo", 1, {left:85, ease:Linear.easeNone, delay:-1 });
tlCamera.to("#line-img-group", 6, {y:-50, ease:Power1.easeInOut, delay:0});
......
......@@ -268,20 +268,20 @@
top: 35px;
}
#leaf{
left:800px;
top: 35px;
left:443px;
top: -20px;
}
#logo-green{
left:-300px;
top: 78px;
top: 77px;
}
#logo-yellow{
left:800px;
top: 46px;
top: 45px;
}
#logo-red{
left:527px;
top: 56px;
top: 55px;
opacity: 0;
}
......@@ -394,13 +394,13 @@
tlElements.to("#img6", fadeUpDuration, {opacity:1, scaleX:1, scaleY:1, ease:Back.easeOut.config(1.7), delay:0 });
tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:2 });
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:-1 });
tlElements.to("#tag", fadeUpDuration, {left:44, delay:0 });
tlElements.to("#leaf", fadeUpDuration, {left:443, delay:-.5 });
tlElements.to("#logo-green", fadeUpDuration, {left:606, delay:0 });
tlElements.to("#logo-yellow", fadeUpDuration, {left:553, delay:-.5 });
tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:0 });
tlElements.to("#line-img-group", fadeUpDuration, {opacity:0, delay:2.5 });
tlElements.to("#tag-logo-group", fadeUpDuration, {opacity:1, delay:-2 });
tlElements.to("#logo-green", fadeUpDuration, {left:606, delay:-2 });
tlElements.to("#logo-yellow", fadeUpDuration, {left:553, delay:-2 });
tlElements.to("#logo-red", fadeUpDuration, {opacity:1, delay:-1.7 });
tlElements.to("#tag", fadeUpDuration, {left:44, delay:-1.5 });
tlElements.to("#leaf", fadeUpDuration-.25, {top:35, delay:-1.2 });
///
......