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 @@ ...@@ -72,7 +72,7 @@
72 #txt2 { 72 #txt2 {
73 position: absolute; 73 position: absolute;
74 opacity: 1; 74 opacity: 1;
75 top:250px; 75 top:-40px;
76 left:0; 76 left:0;
77 display: inline-block; 77 display: inline-block;
78 } 78 }
...@@ -85,9 +85,9 @@ ...@@ -85,9 +85,9 @@
85 width:198px; 85 width:198px;
86 } 86 }
87 #img1 { 87 #img1 {
88 -webkit-box-shadow: -8px 13px 23px 1px rgba(0,0,0,0.43); 88 -webkit-box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
89 -moz-box-shadow: -8px 13px 23px 1px rgba(0,0,0,0.43); 89 -moz-box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
90 box-shadow: -8px 13px 23px 1px rgba(0,0,0,0.43); 90 box-shadow: -8px 13px 23px -2px rgba(0,0,0,0.2);
91 } 91 }
92 #img2 { 92 #img2 {
93 position: absolute; 93 position: absolute;
...@@ -129,13 +129,13 @@ ...@@ -129,13 +129,13 @@
129 129
130 130
131 tl.to("#txt1", 2, {opacity:1, delay:0.5 }); 131 tl.to("#txt1", 2, {opacity:1, delay:0.5 });
132 tl.to("#txt1", 0.5, {opacity:0, delay:0.5 }); 132 tl.to("#txt1", 0.7, {opacity:0, delay:1 }, 'first');
133 tl.to("#txt2", 2, {opacity:1, css:{top:"65px"}, delay:0.2 }); 133 tl.to("#txt2", 1, {opacity:1, css:{top:"65px"}, delay:1 }, 'first');
134 tl.to("#txt2", 0.5, {opacity:0, delay:1.5 }); 134 tl.to("#txt2", 0.7, {opacity:0, delay:4 }, "first");
135 tl.to("#img2", 2, {top:'20px', delay:0.2 }); 135 tl.to("#img2", 1, {top:'20px', delay:4}, "first");
136 tl.to("#img2", 2, {css:{scale:0.45,top:"10px"}, delay:1}, "scale"); 136 tl.to("#img2", 1.5, {css:{scale:0.45,top:"10px"}, delay:2}, "scale");
137 tl.to("#img1", 2, {css:{scale:0.45,top:"-85px"}, delay:1}, "scale"); 137 tl.to("#img1", 1.5, {css:{scale:0.45,top:"-85px"}, delay:2}, "scale");
138 tl.to("#txt3", 1, {css:{bottom:"7px"}, delay:2.5}, "scale"); 138 tl.to("#txt3", 0.5, {css:{bottom:"7px"}, delay:3}, "scale");
139 139
140 } 140 }
141 141
......
...@@ -74,4 +74,10 @@ ...@@ -74,4 +74,10 @@
74 74
75 "162":"Baker and McKenzie" 75 "162":"Baker and McKenzie"
76 76
77 ,
78
79 "182":"OPPI"
80
81
82
77 } 83 }
...\ No newline at end of file ...\ No newline at end of file
......