[data-reveal]{
opacity:0;
transform:
translateY(60px);
transition:
opacity .9s cubic-bezier(.22,1,.36,1),
transform .9s cubic-bezier(.22,1,.36,1);
will-change:
opacity,
transform;
}
[data-reveal].is-visible{
opacity:1;
transform:
translateY(0);
} [data-delay="100"]{
transition-delay:.1s;
}
[data-delay="200"]{
transition-delay:.2s;
}
[data-delay="300"]{
transition-delay:.3s;
}
[data-delay="400"]{
transition-delay:.4s;
}
[data-delay="500"]{
transition-delay:.5s;
}
[data-delay="600"]{
transition-delay:.6s;
} @keyframes djFloat{
0%{
transform:
translateY(0px);
}
50%{
transform:
translateY(-14px);
}
100%{
transform:
translateY(0px);
}
}
.dj-float{
animation:
djFloat
8s
ease-in-out
infinite;
} @keyframes djPulse{
0%{
transform:scale(1);
opacity:1;
}
50%{
transform:scale(1.08);
opacity:.7;
}
100%{
transform:scale(1);
opacity:1;
}
}
.dj-pulse{
animation:
djPulse
2.5s
ease-in-out
infinite;
} @keyframes djScale{
from{
opacity:0;
transform:
scale(.94);
}
to{
opacity:1;
transform:
scale(1);
}
}
.dj-scale{
animation:
djScale
.8s
cubic-bezier(.22,1,.36,1);
} .dj-paper-hover{
transition:
all .45s cubic-bezier(.22,1,.36,1);
transform-style:
preserve-3d;
}
.dj-paper-hover:hover{
transform:
perspective(1200px)
rotateX(2deg)
rotateY(-4deg)
translateY(-12px);
} .dj-btn{
position:relative;
overflow:hidden;
}
.dj-btn::after{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(
120deg,
transparent,
rgba(255,255,255,.25),
transparent
);
transform:
translateX(-120%);
transition:
transform .7s ease;
}
.dj-btn:hover::after{
transform:
translateX(120%);
} .dj-image-zoom{
overflow:hidden;
}
.dj-image-zoom img{
transition:
transform 1s ease;
}
.dj-image-zoom:hover img{
transform:
scale(1.06);
} @keyframes djGlow{
0%{
opacity:.3;
}
50%{
opacity:.8;
}
100%{
opacity:.3;
}
}
.dj-glow{
animation:
djGlow
6s
ease-in-out
infinite;
} .dj-lift{
transition:
all .35s ease;
}
.dj-lift:hover{
transform:
translateY(-8px);
} @media (prefers-reduced-motion: reduce){
*{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}