<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>fluidbook allie le confort de lecture du livre avec les</span>
+ <span>give your publication a boost with digital power:</span>
</h1>
<h1 class="line secondblock">
- <span>avantages d'une expérience multimédia</span>
+ <span>animations, videos, tabs, twitter streams... the choice is yours !</span>
</h1>
</div>
font-family: Montserrat-Regular;
font-weight: 500;
overflow: hidden;
- left: 84px;
+ left: 54px;
z-index: 4;
- top: 260px;
- width: 385px; }
+ top: 248px;
+ width: 347px; }
.line::before {
content: "";
top: 0;
.secondblock {
letter-spacing: -0.15px;
z-index: 3;
- top: 281px;
- width: 281px; }
+ top: 267px;
+ width: 431px; }
.secondblock::before {
animation: rev-block 0.5s ease-out forwards;
animation-delay: 1.3s; }
$bg: #4AADC2
-$left: 84px
+$left: 54px
$delay: 1s
$delay_text:0.25s
opacity: 0
animation: appear-text 0.5s ease-out forwards
position: relative
- @include line($top:260px,$width: 385px, $line_delay:0s)
+ @include line($top:248px,$width: 347px, $line_delay:0s)
.secondblock
letter-spacing: -0.15px
z-index: 3
- @include line($top: 281px, $width: 281px,$line_delay:0.3s)
+ @include line($top: 267px, $width: 431px,$line_delay:0.3s)
@keyframes rev-block
projects / Animations.git / commitdiff