wait #2377 @0.05

diff --git a/AccordHotel-p42/index.html b/AccordHotel-p42/index.html
index b6a9545bdb0293cb8b4496c0cfcd15d6240abbff..3f19163c7b8830b3b38086186e49c9df39d74c77 100644 (file)
--- a/AccordHotel-p42/index.html
+++ b/AccordHotel-p42/index.html
@@ -10,7 +10,9 @@
 
 <div class="container">
 
-    <img class="img1" src="src/img1.jpg" alt="">
+    <div class="img-contain">
+        <img class="img1" src="src/img1.jpg" alt="">
+    </div>
     <img class="img2" src="src/img2.jpg" alt="">
     <img class="img3" src="src/img3.jpg" alt="">
 

diff --git a/AccordHotel-p42/main.js b/AccordHotel-p42/main.js
index 0efaccc6d60e9fbe3e8331dfe19234dd07e4c436..7102a8e11f0bc47fc9f9b7d12d43bf7189e998e5 100644 (file)
--- a/AccordHotel-p42/main.js
+++ b/AccordHotel-p42/main.js
@@ -1,5 +1,6 @@
 let tl = new TimelineMax();
 
 tl.from('.img1',1.5,{display: 'none',y: -300},'+=3.3');
-tl.from('.img2',1.5,{display: 'none',y: -341});
-tl.from('.img3',1.5,{display: 'none',y: -497});
+tl.to('.img1',6,{scale:1.1});
+tl.from('.img2',1.5,{display: 'none',y: -341},'-=6');
+tl.from('.img3',1.5,{display: 'none',y: -497},'-=5');

diff --git a/AccordHotel-p42/style.sass b/AccordHotel-p42/style.sass
index c697906abb7bdccb0fd3cbc6996a701cadf41365..832db8f25742e8ca3d713f3a34fa3979f8c56716 100644 (file)
--- a/AccordHotel-p42/style.sass
+++ b/AccordHotel-p42/style.sass
@@ -9,6 +9,11 @@
   height: 749px
 .bg
   position: absolute
+.img-contain
+  overflow: hidden
+  position: absolute
+  width: 800px
+  height: 508px
 .img1
   position: absolute
   width: 800px