Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
b7e879d8 by Dan Rempel
Options

HHF Summer 2018 Ads - animate img transparency

1 parent d132b1e9
Inline Side-by-side
Showing 1 changed file with 2 additions and 1 deletions
...@@ -123,7 +123,7 @@ ...@@ -123,7 +123,7 @@
123 <!-- <a href="javascript:window.open(clickTag, '_blank');" class="cta"> --> 123 <!-- <a href="javascript:window.open(clickTag, '_blank');" class="cta"> -->
124 <div id="border"> 124 <div id="border">
125 125
126 <div id="img1" class="img" ><img src="assets/img1@60.jpg" alt="img1@60" width="807"></div> 126 <div id="img1" class="img" ><img id="imgimg" src="assets/img1@60.jpg" alt="img1@60" width="807"></div>
127 <!-- <img id="img1" class="img" src="assets/img1@60.jpg" alt="img1@60" width="807"> --> 127 <!-- <img id="img1" class="img" src="assets/img1@60.jpg" alt="img1@60" width="807"> -->
128 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="300"> 128 <img id="txt1" class="txt" src="assets/txt1@2x.png" alt="txt1@2x" width="300">
129 129
...@@ -150,6 +150,7 @@ ...@@ -150,6 +150,7 @@
150 tl.to("#img1", 3.5, {x:-450, ease:Power1.easeInOut, delay:-1 }); 150 tl.to("#img1", 3.5, {x:-450, ease:Power1.easeInOut, delay:-1 });
151 151
152 tl.to("#img1", .5, {scaleX:.385, scaleY:.385, x:0, transformOrigin:"left top", ease:Power1.easeInOut, delay:.5 }); 152 tl.to("#img1", .5, {scaleX:.385, scaleY:.385, x:0, transformOrigin:"left top", ease:Power1.easeInOut, delay:.5 });
153 tl.to("#imgimg", .5, {opacity:1, delay:-.5 });
153 tl.to("#txt1", .5, {opacity:0, delay:-.5 }); 154 tl.to("#txt1", .5, {opacity:0, delay:-.5 });
154 155
155 156
......