Skip to content

Animation

Animations
Class Properties
wpex-animate-none
animation: none;
wpex-animate-spin
animation: spin 1s linear infinite;
@keyframes wpexSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
wpex-animate-ping
animation: wpexPing 1s cubic-bezier(0, 0, 0.2, 1) infinite;
@keyframes wpexPing {
0% {
transform: scale(1);
opacity: 1;
}
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
wpex-animate-pulse
animation: wpexPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
@keyframes wpexPulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: .5;
}
}
wpex-animate-bounce
animation: wpexBounce 1s infinite;
@keyframes wpexBounce {
0%, 100% {
transform: translateY(-25%);
animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
}
50% {
transform: translateY(0);
animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
}
}