<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>votre lectorat et vos clients potentiels utilisent une</span>
+ <span>your potential clients use a multitude of devices,</span>
</h1>
<h1 class="line secondblock">
- <span>multitude de dispositifs, plates-formes et technologies</span>
+ <span>platforms and technologies to access things of their</span>
</h1>
<h1 class="line thirdblock">
- <span>pour accéder à leurs centres d'intérêts</span>
+ <span>interest. they are connected to the web wherever they go.</span>
</h1>
</div>
overflow: hidden;
left: 84px;
z-index: 4;
- top: 420px;
- width: 378px; }
+ top: 380px;
+ width: 350px; }
.line::before {
content: "";
top: 0;
.secondblock {
letter-spacing: -0.15px;
z-index: 3;
- top: 442px;
- width: 392px; }
+ top: 399px;
+ width: 384px; }
.secondblock::before {
animation: rev-block 0.5s ease-out forwards;
animation-delay: 1.3s; }
.thirdblock {
letter-spacing: -0.25px;
z-index: 2;
- top: 464px;
- width: 286px; }
+ top: 418px;
+ width: 418px; }
.thirdblock::before {
animation: rev-block 0.5s ease-out forwards;
animation-delay: 1.6s; }
animation: appear-text 0.5s ease-out forwards
position: relative
- @include line($top:420px,$width: 378px, $line_delay:0s)
+ @include line($top:380px,$width: 350px, $line_delay:0s)
.secondblock
letter-spacing: -0.15px
z-index: 3
- @include line($top: 442px, $width: 392px,$line_delay:0.3s)
+ @include line($top: 399px, $width: 384px,$line_delay:0.3s)
.thirdblock
letter-spacing: -0.25px
z-index: 2
- @include line($top: 464px, $width: 286px,$line_delay:0.6s)
+ @include line($top: 418px, $width: 418px,$line_delay:0.6s)
@keyframes rev-block
0%
projects / Animations.git / commitdiff