]> _ Git - Animations.git/commitdiff
wait #2374 @0.2
authornael <nael@cubedesigners.com>
Wed, 19 Dec 2018 15:29:31 +0000 (16:29 +0100)
committernael <nael@cubedesigners.com>
Wed, 19 Dec 2018 15:29:31 +0000 (16:29 +0100)
AccordHotel-p30-31/page 31/index.html
AccordHotel-p30-31/page 31/main.js
AccordHotel-p30-31/page 31/style.css
AccordHotel-p30-31/page 31/style.css.map
AccordHotel-p30-31/page 31/style.sass

index 1de50f7ac55264004f5a366766de0731377281bd..0013fc4465922e2f7375f0f652e7a68a0099df3c 100644 (file)
 
 <div class="container">
     <!--<img src="bg.png" alt="">-->
+    <div class="white1"></div>
     <img class="img1" src="src/img1.jpg" alt="">
+    <div class="white2"></div>
     <img class="img2" src="src/img2.jpg" alt="">
+    <div class="white3"></div>
     <img class="img3" src="src/img3.jpg" alt="">
+    <div class="white4"></div>
     <img class="img4" src="src/img4.jpg" alt="">
 
     <div class="numbers">
index f919020ca2c9c5ece0a1af02dda04f652e8c5e81..2b1437fa2c1178918a5a427d27480301d829a87d 100644 (file)
@@ -1,9 +1,9 @@
 let tl = new TimelineMax();
 
-tl.from('.img1',0.9,{display: 'none', opacity:0},'+=8');
-tl.from('.img2',0.9,{display: 'none', opacity:0});
-tl.from('.img3',0.9,{display: 'none', opacity:0});
-tl.from('.img4',0.9,{display: 'none', opacity:0});
+tl.to('.white1',0.9,{display: 'none', opacity:0});
+tl.to('.white2',0.9,{display: 'none', opacity:0},'-=0.5');
+tl.to('.white3',0.9,{display: 'none', opacity:0},'-=0.5');
+tl.to('.white4',0.9,{display: 'none', opacity:0},'-=0.5');
 
 tl.to('.line1',1,{opacity:1},'+=0.2');
 tl.to('.line2',1,{opacity:1},'-=1');
@@ -12,7 +12,7 @@ tl.to('.line4',1,{opacity:1},'-=1');
 tl.from('.numbers',1,{opacity:0},'-=1');
 tl.from('.number3',0.5,{opacity:0},'+=0.1');
 
-var delay = 13;
+var delay = 3.5;
 
 
 var id1 = document.getElementById("number1");
index 7f40a60d22bcb81c6cb8a8539a3070ebb504691b..cecddd71253e67bc6f49912b1ff6d6db9390692d 100644 (file)
   width: 539px;
   height: 749px; }
 
+/****************** */
+.white1 {
+  position: absolute;
+  width: 221px;
+  height: 154.5px;
+  background: #cbcbd8;
+  top: 193px;
+  left: 275px;
+  z-index: 5; }
+
+.white2 {
+  position: absolute;
+  width: 221px;
+  height: 156px;
+  background: #cbcbd8;
+  top: 354px;
+  left: 275px;
+  z-index: 5; }
+
+.white3 {
+  position: absolute;
+  width: 221px;
+  height: 156px;
+  background: #cbcbd8;
+  top: 354px;
+  left: 47px;
+  z-index: 5; }
+
+.white4 {
+  position: absolute;
+  width: 221px;
+  height: 156px;
+  background: #cbcbd8;
+  top: 517px;
+  left: 47px;
+  z-index: 5; }
+
+/****************** */
 .img1 {
   position: absolute;
   width: 221px;
index 8bcdb7687de3310434e6dbdf2c42ebfae2e59fe6..0b9f19c7054640f11893cb7d65e7241e2e60880d 100644 (file)
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "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",
+"mappings": "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",
 "sources": ["style.sass"],
 "names": [],
 "file": "style.css"
index eeace10fdf17b9033f64cb14330bfa538469af7a..28acba157980068156dfa0203f4f85ef29b6a33f 100644 (file)
 .container
   width: 539px
   height: 749px
+/*******************/
+.white1
+  position: absolute
+  width: 221px
+  height: 154.5px
+  background: #cbcbd8
+  top: 193px
+  left: 275px
+  z-index: 5
+.white2
+  position: absolute
+  width: 221px
+  height: 156px
+  background: #cbcbd8
+  top: 354px
+  left: 275px
+  z-index: 5
+.white3
+  position: absolute
+  width: 221px
+  height: 156px
+  background: #cbcbd8
+  top: 354px
+  left: 47px
+  z-index: 5
+.white4
+  position: absolute
+  width: 221px
+  height: 156px
+  background: #cbcbd8
+  top: 517px
+  left: 47px
+  z-index: 5
+/*******************/
 .img1
   position: absolute
   width: 221px