Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
559e9414 by Jeremy Groot
Options

updates

1 parent 5e5b4195
Inline Side-by-side
Showing 3 changed files with 17 additions and 11 deletions

39.5 KB | W: | H:

35.6 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -72,7 +72,7 @@
#txt2 {
position: absolute;
opacity: 1;
top:250px;
top:-40px;
left:0;
display: inline-block;
}
......@@ -85,9 +85,9 @@
width:198px;
}
#img1 {
-webkit-box-shadow: -8px 13px 23px 1px rgba(0,0,0,0.43);
-moz-box-shadow: -8px 13px 23px 1px rgba(0,0,0,0.43);
box-shadow: -8px 13px 23px 1px rgba(0,0,0,0.43);
-webkit-box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
-moz-box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
}
#img2 {
position: absolute;
......@@ -129,13 +129,13 @@
tl.to("#txt1", 2, {opacity:1, delay:0.5 });
tl.to("#txt1", 0.5, {opacity:0, delay:0.5 });
tl.to("#txt2", 2, {opacity:1, css:{top:"65px"}, delay:0.2 });
tl.to("#txt2", 0.5, {opacity:0, delay:1.5 });
tl.to("#img2", 2, {top:'20px', delay:0.2 });
tl.to("#img2", 2, {css:{scale:0.45,top:"10px"}, delay:1}, "scale");
tl.to("#img1", 2, {css:{scale:0.45,top:"-85px"}, delay:1}, "scale");
tl.to("#txt3", 1, {css:{bottom:"7px"}, delay:2.5}, "scale");
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");
}
......
......@@ -74,4 +74,10 @@
"162":"Baker and McKenzie"
,
"182":"OPPI"
}
\ No newline at end of file
......