]> _ Git - Animations.git/commitdiff
wait #2477
authornael <nael@cubedesigners.com>
Tue, 22 Jan 2019 15:26:58 +0000 (16:26 +0100)
committernael <nael@cubedesigners.com>
Tue, 22 Jan 2019 15:26:58 +0000 (16:26 +0100)
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Fluidbook-presentation-reveal-p10-EN.zip
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Fluidbook-presentation-reveal-p10.zip
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/index.html
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.css.map
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/style.sass

index 5e6d0e5e9479ee2ae1cc350e580e89c072966614..4af956371816aac1c45545ceaf71b3ccc856f2fd 100644 (file)
Binary files a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Fluidbook-presentation-reveal-p10-EN.zip and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Fluidbook-presentation-reveal-p10-EN.zip differ
index 9d7c047087b35fd249e7ed2c0d1f77e4696bfac7..4e6f7ba48fecfd6f088b965f7eb0a09feee3016f 100644 (file)
Binary files a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Fluidbook-presentation-reveal-p10.zip and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p10/Fluidbook-presentation-reveal-p10.zip differ
index 922d7cc79fefeded7fd70081c8104027803178a8..9704112bed54b3f05437a8ef11f0ae212b1bc40f 100644 (file)
@@ -8,7 +8,6 @@
 <body>
 <canvas id="canva" width="602" height="779"></canvas>
 <div class="container">
-      <!--<img src="bg2.png" alt="">-->
     <h1 class="line">
         <span>fluidbook combines the convenience of reading a book</span>
     </h1>
index 70a2b5e3c9f3b9543f14e7d5d459d1594c270e39..838697186effdf6d7b00306ef9e6088426c96966 100644 (file)
@@ -24,9 +24,8 @@
   font-weight: 500;
   overflow: hidden;
   left: 84px;
-  z-index: 4;
   top: 351px;
-  width: 390px; }
+  width: 391px; }
   .line::before {
     content: "";
     top: 0;
     position: absolute;
     width: 0;
     height: 100%;
-    background: #4AADC2; }
+    background: #4AADC2;
+    z-index: 0; }
   .line span {
     opacity: 0;
     animation: appear-text 0.5s ease-out forwards;
-    position: relative; }
+    position: relative;
+    z-index: 1; }
   .line::before {
     animation: rev-block 0.5s ease-out forwards;
     animation-delay: 1s; }
index 3bb0f0069a28fed2bdccc23b6af483e11257e34d..aa1713f9649e39780263785702952ccd668c6596 100644 (file)
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAKA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;EAGV,WAAW,EAAE,kBAAkB;EAC/B,GAAG,EAAE,8BAA8B;AAErC,MAAM;EACJ,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AAEpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAWf,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,KAAK;EACZ,cAAc,EAAE,SAAS;EACzB,OAAO,EAAE,mBAAmB;EAC5B,WAAW,EAAE,kBAAkB;EAC/B,WAAW,EAAE,GAAG;EAChB,QAAQ,EAAE,MAAM;EAChB,IAAI,EAvCC,IAAI;EAwCT,OAAO,EAAE,CAAC;EAnBV,GAAG,EAgCgB,KAAK;EA/BxB,KAAK,EA+B4B,KAAK;EAZtC,aAAS;IACP,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,IAAI;IACZ,UAAU,EAjDT,OAAO;EAkDV,UAAI;IACF,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,kCAAkC;IAC7C,QAAQ,EAAE,QAAQ;EA7BpB,aAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,EAAoB;EACxC,UAAI;IACF,eAAe,EAAE,KAAmC;;AA4BxD,YAAY;EACV,cAAc,EAAE,OAAO;EACvB,OAAO,EAAE,CAAC;EApCV,GAAG,EAqCiB,KAAK;EApCzB,KAAK,EAoC8B,KAAK;EAnCxC,oBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,iBAAI;IACF,eAAe,EAAE,KAAmC;;;;IAqCpD,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;;IAER,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,IAAI;;;IAIX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,KAAK;;IAEX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC",
+"mappings": "AAKA,CAAC;EACC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;EAGV,WAAW,EAAE,kBAAkB;EAC/B,GAAG,EAAE,8BAA8B;AAErC,MAAM;EACJ,OAAO,EAAE,IAAI;EACb,QAAQ,EAAE,QAAQ;;AAEpB,UAAU;EACR,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;;AAWf,KAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,SAAS,EAAE,IAAI;EACf,cAAc,EAAE,MAAM;EACtB,KAAK,EAAE,KAAK;EACZ,cAAc,EAAE,SAAS;EACzB,OAAO,EAAE,mBAAmB;EAC5B,WAAW,EAAE,kBAAkB;EAC/B,WAAW,EAAE,GAAG;EAChB,QAAQ,EAAE,MAAM;EAChB,IAAI,EAvCC,IAAI;EAqBT,GAAG,EAmCgB,KAAK;EAlCxB,KAAK,EAkC4B,KAAK;EAftC,aAAS;IACP,OAAO,EAAE,EAAE;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,IAAI;IACZ,UAAU,EAjDT,OAAO;IAkDR,OAAO,EAAE,CAAC;EACZ,UAAI;IACF,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,kCAAkC;IAC7C,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC;EA/BZ,aAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,EAAoB;EACxC,UAAI;IACF,eAAe,EAAE,KAAmC;;AA+BxD,YAAY;EACV,cAAc,EAAE,OAAO;EACvB,OAAO,EAAE,CAAC;EAvCV,GAAG,EAwCiB,KAAK;EAvCzB,KAAK,EAuC8B,KAAK;EAtCxC,oBAAS;IACP,SAAS,EAAE,gCAAgC;IAC3C,eAAe,EAAG,IAAoB;EACxC,iBAAI;IACF,eAAe,EAAE,KAAmC;;;;IAwCpD,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;;IAER,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,IAAI;;;IAIX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,KAAK;;IAEX,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,CAAC",
 "sources": ["style.sass"],
 "names": [],
 "file": "style.css"
index 62c75ed93f8eee6c4818bdc6013ea30dca428a75..a2dea289f7f7a645dba096dc3a1385c2359cb9ca 100644 (file)
@@ -39,7 +39,7 @@ $delay_text:0.25s
   font-weight: 500
   overflow: hidden
   left: $left
-  z-index: 4
+
   &::before
     content: ''
     top: 0
@@ -48,11 +48,14 @@ $delay_text:0.25s
     width: 0
     height: 100%
     background: $bg
+    z-index: 0
   span
     opacity: 0
     animation: appear-text 0.5s ease-out forwards
     position: relative
-  @include line($top:351px,$width: 390px, $line_delay:0s)
+    z-index: 1
+
+  @include line($top:351px,$width: 391px, $line_delay:0s)
 
 .secondblock
   letter-spacing: -0.15px