Make default Elementor entrance animations a bit more smooth
.animated {
animation-duration: 0.5s;
transition-timing-function: ease-in-out;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -30%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-30%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(20%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 30%, 0)
}
to {
opacity: 1;
transform: none
}
}