]> _ Git - Animations.git/commitdiff
wait #2485 @0.05 ajout version EN
authornael <nael@cubedesigners.com>
Wed, 9 Jan 2019 14:28:17 +0000 (15:28 +0100)
committernael <nael@cubedesigners.com>
Wed, 9 Jan 2019 14:28:17 +0000 (15:28 +0100)
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26-EN.zip [new file with mode: 0644]
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26.zip [new file with mode: 0644]
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/index.html
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/style.css
Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/style.sass

diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26-EN.zip b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26-EN.zip
new file mode 100644 (file)
index 0000000..365b7d3
Binary files /dev/null and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26-EN.zip differ
diff --git a/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26.zip b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26.zip
new file mode 100644 (file)
index 0000000..c3dd133
Binary files /dev/null and b/Fluidbook-presentation-reveal/Fluidbook-presentation-reveal-p26/Fluidbook-presentation-reveal-p26.zip differ
index cee2bba3cc2be9c67fe860a5185ab50afe64d369..9a9ee5ac17a5c1c449922fc4401e41a52a9a5628 100644 (file)
@@ -8,12 +8,12 @@
 <body>
 <canvas id="canva" width="602" height="779"></canvas>
 <div class="container">
-    <!--<img src="bg.png" alt="">-->
+    <!--<img src="bg2.png" alt="">-->
     <h1 class="line">
-        <span>donnez vie à votre catalogue interactif</span>
+        <span>bring your brochure to life,</span>
     </h1>
     <h1 class="line secondblock">
-        <span>intégrez vos vidéos directement au sein des pages</span>
+        <span>integrate your videos directly into the pages</span>
     </h1>
 </div>
 
index ef227525a039f9c14f8bdf2212d96dc05746fe6e..74de7f621c0f251284b7c76f0b68e20e3fc15558 100644 (file)
@@ -26,7 +26,7 @@
   left: 84px;
   z-index: 4;
   top: 280px;
-  width: 281px; }
+  width: 200px; }
   .line::before {
     content: "";
     top: 0;
@@ -49,7 +49,7 @@
   letter-spacing: -0.15px;
   z-index: 3;
   top: 302px;
-  width: 349px; }
+  width: 320px; }
   .secondblock::before {
     animation: rev-block 0.5s ease-out forwards;
     animation-delay: 1.3s; }
index 713cc5d235db95b8bbabbd40f667a378ed0ca5d7..542829cf1e128495576d6880e89a6247c96939ab 100644 (file)
@@ -53,12 +53,12 @@ $delay_text:0.25s
     opacity: 0
     animation: appear-text 0.5s ease-out forwards
     position: relative
-  @include line($top:280px,$width: 281px, $line_delay:0s)
+  @include line($top:280px,$width: 200px, $line_delay:0s)
 
 .secondblock
   letter-spacing: -0.15px
   z-index: 3
-  @include line($top: 302px, $width: 349px,$line_delay:0.3s)
+  @include line($top: 302px, $width: 320px,$line_delay:0.3s)
 
 
 @keyframes rev-block