.wpr-anim-text-inner { display: inline-block; position: relative; text-align: left; }
.wpr-anim-text-inner b { display: inline-block; position: absolute; white-space: nowrap; left: 0px; top: 0px; }
.wpr-anim-text-inner b.wpr-anim-text-visible { position: relative; }
.wpr-anim-text.wpr-anim-text-type-rotate-1 .wpr-anim-text-inner { perspective: 300px; }
.wpr-anim-text.wpr-anim-text-type-rotate-1 b { opacity: 0; transform-origin: 50% 100% 0px; transform: rotateX(180deg); }
.wpr-anim-text.wpr-anim-text-type-rotate-1 b.wpr-anim-text-visible { opacity: 1; transform: rotateX(0deg); animation: 1.2s wpr-anim-text-rotate-1-in; }
.wpr-anim-text.wpr-anim-text-type-rotate-1 b.wpr-anim-text-hidden { transform: rotateX(180deg); animation: 1.2s wpr-anim-text-rotate-1-out; }
@keyframes wpr-anim-text-rotate-1-in {
0% { transform: rotateX(180deg); opacity: 0; }
35% { transform: rotateX(120deg); opacity: 0; }
65% { opacity: 0; }
100% { transform: rotateX(360deg); opacity: 1; }
}
@keyframes wpr-anim-text-rotate-1-in {
0% { transform: rotateX(180deg); opacity: 0; }
35% { transform: rotateX(120deg); opacity: 0; }
65% { opacity: 0; }
100% { transform: rotateX(360deg); opacity: 1; }
}
@keyframes wpr-anim-text-rotate-1-out {
0% { transform: rotateX(0deg); opacity: 1; }
35% { transform: rotateX(-40deg); opacity: 1; }
65% { opacity: 0; }
100% { transform: rotateX(180deg); opacity: 0; }
}
@keyframes wpr-anim-text-rotate-1-out {
0% { transform: rotateX(0deg); opacity: 1; }
35% { transform: rotateX(-40deg); opacity: 1; }
65% { opacity: 0; }
100% { transform: rotateX(180deg); opacity: 0; }
}
.wpr-anim-text.wpr-anim-text-type-typing .wpr-anim-text-inner { vertical-align: top; overflow: hidden; }
.wpr-anim-text.wpr-anim-text-type-typing b { visibility: hidden; }
.wpr-anim-text.wpr-anim-text-type-typing b.wpr-anim-text-visible { visibility: visible; }
.wpr-anim-text.wpr-anim-text-type-typing i { position: absolute; visibility: hidden; }
.wpr-anim-text.wpr-anim-text-type-typing i.wpr-anim-text-in { position: relative; visibility: visible; }
@keyframes wpr-anim-text-pulse {
0% { transform: translateY(-50%) scale(1); opacity: 1; }
40% { transform: translateY(-50%) scale(0.9); opacity: 0; }
100% { transform: translateY(-50%) scale(0); opacity: 0; }
}
@keyframes wpr-anim-text-pulse {
0% { transform: translateY(-50%) scale(1); opacity: 1; }
40% { transform: translateY(-50%) scale(0.9); opacity: 0; }
100% { transform: translateY(-50%) scale(0); opacity: 0; }
}
.wpr-anim-text.wpr-anim-text-type-rotate-2 .wpr-anim-text-inner { perspective: 300px; }
.wpr-anim-text.wpr-anim-text-type-rotate-2 em, .wpr-anim-text.wpr-anim-text-type-rotate-2 i { display: inline-block; backface-visibility: hidden; }
.wpr-anim-text.wpr-anim-text-type-rotate-2 b { opacity: 0; }
.wpr-anim-text.wpr-anim-text-type-rotate-2 i { transform-style: preserve-3d; transform: translateZ(-20px) rotateX(90deg); opacity: 0; }
.wpr-anim-text-visible .wpr-anim-text.wpr-anim-text-type-rotate-2 i { opacity: 1; }
.wpr-anim-text.wpr-anim-text-type-rotate-2 i.wpr-anim-text-in { animation: 0.4s forwards wpr-anim-text-rotate-2-in; }
.wpr-anim-text.wpr-anim-text-type-rotate-2 i.wpr-anim-text-out { animation: 0.4s forwards wpr-anim-text-rotate-2-out; }
.wpr-anim-text.wpr-anim-text-type-rotate-2 em { transform: translateZ(20px); }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-rotate-2 i { transform: rotateX(0deg); opacity: 0; }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-rotate-2 i em { transform: scale(1); }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-rotate-2 .wpr-anim-text-visible i { opacity: 1; }
@keyframes wpr-anim-text-rotate-2-in {
0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg); }
60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg); }
100% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
}
@keyframes wpr-anim-text-rotate-2-in {
0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg); }
60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg); }
100% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
}
@keyframes wpr-anim-text-rotate-2-out {
0% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg); }
100% { opacity: 0; transform: translateZ(-20px) rotateX(-90deg); }
}
@keyframes wpr-anim-text-rotate-2-out {
0% { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg); }
100% { opacity: 0; transform: translateZ(-20px) rotateX(-90deg); }
}
.wpr-anim-text.wpr-anim-text-type-slide span { display: inline-block; padding: 0.2em 0px; }
.wpr-anim-text.wpr-anim-text-type-slide .wpr-anim-text-inner { overflow: hidden; vertical-align: top; }
.wpr-anim-text.wpr-anim-text-type-slide b { opacity: 0; top: 0.2em; }
.wpr-anim-text.wpr-anim-text-type-slide b.wpr-anim-text-visible { top: 0px; opacity: 1; animation: 0.6s wpr-anim-text-slide-in; }
.wpr-anim-text.wpr-anim-text-type-slide b.wpr-anim-text-hidden { animation: 0.6s wpr-anim-text-slide-out; }
@keyframes wpr-anim-text-slide-in {
0% { opacity: 0; transform: translateY(-100%); }
60% { opacity: 1; transform: translateY(20%); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes wpr-anim-text-slide-in {
0% { opacity: 0; transform: translateY(-100%); }
60% { opacity: 1; transform: translateY(20%); }
100% { opacity: 1; transform: translateY(0px); }
}
@keyframes wpr-anim-text-slide-out {
0% { opacity: 1; transform: translateY(0px); }
60% { opacity: 0; transform: translateY(120%); }
100% { opacity: 0; transform: translateY(100%); }
}
@keyframes wpr-anim-text-slide-out {
0% { opacity: 1; transform: translateY(0px); }
60% { opacity: 0; transform: translateY(120%); }
100% { opacity: 0; transform: translateY(100%); }
}
.wpr-anim-text.wpr-anim-text-type-clip span { display: inline-block; padding: 0.2em 0px; }
.wpr-anim-text.wpr-anim-text-type-clip .wpr-anim-text-inner { overflow: hidden; vertical-align: top; }
.wpr-anim-text.wpr-anim-text-type-clip b { opacity: 0; }
.wpr-anim-text.wpr-anim-text-type-clip b.wpr-anim-text-visible { opacity: 1; }
.wpr-anim-text.wpr-anim-text-type-zoom .wpr-anim-text-inner { perspective: 300px; }
.wpr-anim-text.wpr-anim-text-type-zoom b { opacity: 0; }
.wpr-anim-text.wpr-anim-text-type-zoom b.wpr-anim-text-visible { opacity: 1; animation: 0.8s wpr-anim-text-zoom-in; }
.wpr-anim-text.wpr-anim-text-type-zoom b.wpr-anim-text-hidden { animation: 0.8s wpr-anim-text-zoom-out; }
@keyframes wpr-anim-text-zoom-in {
0% { opacity: 0; transform: translateZ(100px); }
100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes wpr-anim-text-zoom-in {
0% { opacity: 0; transform: translateZ(100px); }
100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes wpr-anim-text-zoom-out {
0% { opacity: 1; transform: translateZ(0px); }
100% { opacity: 0; transform: translateZ(-100px); }
}
@keyframes wpr-anim-text-zoom-out {
0% { opacity: 1; transform: translateZ(0px); }
100% { opacity: 0; transform: translateZ(-100px); }
}
.wpr-anim-text.wpr-anim-text-type-rotate-3 .wpr-anim-text-inner { perspective: 300px; }
.wpr-anim-text.wpr-anim-text-type-rotate-3 b { opacity: 0; }
.wpr-anim-text.wpr-anim-text-type-rotate-3 i { display: inline-block; transform: rotateY(180deg); backface-visibility: hidden; }
.wpr-anim-text-visible .wpr-anim-text.wpr-anim-text-type-rotate-3 i { transform: rotateY(0deg); }
.wpr-anim-text.wpr-anim-text-type-rotate-3 i.wpr-anim-text-in { animation: 0.6s forwards wpr-anim-text-rotate-3-in; }
.wpr-anim-text.wpr-anim-text-type-rotate-3 i.wpr-anim-text-out { animation: 0.6s forwards wpr-anim-text-rotate-3-out; }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-rotate-3 i { transform: rotateY(0deg); opacity: 0; }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-rotate-3 .wpr-anim-text-visible i { opacity: 1; }
@keyframes wpr-anim-text-rotate-3-in {
0% { transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
@keyframes wpr-anim-text-rotate-3-in {
0% { transform: rotateY(180deg); }
100% { transform: rotateY(0deg); }
}
@keyframes wpr-anim-text-rotate-3-out {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(-180deg); }
}
@keyframes wpr-anim-text-rotate-3-out {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(-180deg); }
}
.wpr-anim-text.wpr-anim-text-type-scale b { opacity: 0; }
.wpr-anim-text.wpr-anim-text-type-scale i { display: inline-block; opacity: 0; transform: scale(0); }
.wpr-anim-text-visible .wpr-anim-text.wpr-anim-text-type-scale i { opacity: 1; }
.wpr-anim-text.wpr-anim-text-type-scale i.wpr-anim-text-in { animation: 0.6s forwards wpr-anim-text-scale-up; }
.wpr-anim-text.wpr-anim-text-type-scale i.wpr-anim-text-out { animation: 0.6s forwards wpr-anim-text-scale-down; }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-scale i { transform: scale(1); opacity: 0; }
.no-csstransitions .wpr-anim-text.wpr-anim-text-type-scale .wpr-anim-text-visible i { opacity: 1; }
@keyframes wpr-anim-text-scale-up {
0% { transform: scale(0); opacity: 0; }
60% { transform: scale(1.2); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes wpr-anim-text-scale-up {
0% { transform: scale(0); opacity: 0; }
60% { transform: scale(1.2); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}
@keyframes wpr-anim-text-scale-down {
0% { transform: scale(1); opacity: 1; }
60% { transform: scale(0); opacity: 0; }
}
@keyframes wpr-anim-text-scale-down {
0% { transform: scale(1); opacity: 1; }
60% { transform: scale(0); opacity: 0; }
}
.wpr-anim-text-type-push { overflow: hidden; }
.wpr-anim-text.wpr-anim-text-type-push b { opacity: 0; }
.wpr-anim-text.wpr-anim-text-type-push b.wpr-anim-text-visible { opacity: 1; animation: 0.6s wpr-anim-text-push-in; }
.wpr-anim-text.wpr-anim-text-type-push b.wpr-anim-text-hidden { animation: 0.6s wpr-anim-text-push-out; }
@keyframes wpr-anim-text-push-in {
0% { opacity: 0; transform: translateX(-100%); }
60% { opacity: 1; transform: translateX(10%); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes wpr-anim-text-push-in {
0% { opacity: 0; transform: translateX(-100%); }
60% { opacity: 1; transform: translateX(10%); }
100% { opacity: 1; transform: translateX(0px); }
}
@keyframes wpr-anim-text-push-out {
0% { opacity: 1; transform: translateX(0px); }
60% { opacity: 0; transform: translateX(110%); }
100% { opacity: 0; transform: translateX(100%); }
}
@keyframes wpr-anim-text-push-out {
0% { opacity: 1; transform: translateX(0px); }
60% { opacity: 0; transform: translateX(110%); }
100% { opacity: 0; transform: translateX(100%); }
}