<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>mettez en avant une zone particulière de la page...</span>
+ <span>highlight a particular area of</span>
</h1>
<h1 class="line secondblock">
- <span>qui s'ouvre en grand en un clic</span>
+ <span>the page and enlarge it with a click.</span>
</h1>
</div>
left: 84px;
z-index: 4;
top: 280px;
- width: 352px; }
+ width: 220px; }
.line::before {
content: "";
top: 0;
letter-spacing: -0.15px;
z-index: 3;
top: 299px;
- width: 221px; }
+ width: 253px; }
.secondblock::before {
animation: rev-block 0.5s ease-out forwards;
animation-delay: 1.3s; }
opacity: 0
animation: appear-text 0.5s ease-out forwards
position: relative
- @include line($top:280px,$width: 352px, $line_delay:0s)
+ @include line($top:280px,$width: 220px, $line_delay:0s)
.secondblock
letter-spacing: -0.15px
z-index: 3
- @include line($top: 299px, $width: 221px,$line_delay:0.3s)
+ @include line($top: 299px, $width: 253px,$line_delay:0.3s)
@keyframes rev-block
projects / Animations.git / commitdiff