HHF Summer 2018 Ads - animate img transparency
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 | ... | ... |
-
Please register or sign in to post a comment