.unveil-left {
opacity:0;
}
.unveil-right {
opacity:0;
}
.unveil-right.in-view {
animation: unveilFromRight 0.8s ease-in forwards;
animation-delay:0.4s;
}
.in-view.unveil-left {
animation: unveilFromLeft 0.5s ease forwards;
}
@keyframes unveilFromRight {
from {
opacity: 1;
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
to {
opacity: 1;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
}
@keyframes unveilFromLeft {
from {
opacity: 1;
clip-path: polygon(0 0, 0% 0%, 0% 100%, 0 100%);
}
to {
opacity: 1;
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
}
}