111 lines
No EOL
7.5 KiB
CSS
111 lines
No EOL
7.5 KiB
CSS
.elementor-animated-content {
|
|
--translate: 0, 0;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--grow, .elementor-animated-content:focus .elementor-animated-item--grow {
|
|
transform: scale(1.1);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--shrink, .elementor-animated-content:focus .elementor-animated-item--shrink {
|
|
transform: scale(0.85);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--shrink-contained, .elementor-animated-content:focus .elementor-animated-item--shrink-contained {
|
|
transform: scale(1);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--enter-zoom-out, .elementor-animated-content:hover .elementor-animated-item--enter-zoom-in, .elementor-animated-content:hover .elementor-animated-item--fade-in, .elementor-animated-content:focus .elementor-animated-item--enter-zoom-out, .elementor-animated-content:focus .elementor-animated-item--enter-zoom-in, .elementor-animated-content:focus .elementor-animated-item--fade-in {
|
|
transform: scale(1);
|
|
opacity: 1;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-zoom-out, .elementor-animated-content:hover .elementor-animated-item--exit-zoom-in, .elementor-animated-content:hover .elementor-animated-item--fade-out, .elementor-animated-content:focus .elementor-animated-item--exit-zoom-out, .elementor-animated-content:focus .elementor-animated-item--exit-zoom-in, .elementor-animated-content:focus .elementor-animated-item--fade-out {
|
|
opacity: 0;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-zoom-out, .elementor-animated-content:focus .elementor-animated-item--exit-zoom-out {
|
|
transform: scale(0.2);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-zoom-in, .elementor-animated-content:focus .elementor-animated-item--exit-zoom-in {
|
|
transform: scale(2);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--enter-from-right, .elementor-animated-content:hover .elementor-animated-item--enter-from-left, .elementor-animated-content:hover .elementor-animated-item--enter-from-top, .elementor-animated-content:hover .elementor-animated-item--enter-from-bottom, .elementor-animated-content:focus .elementor-animated-item--enter-from-right, .elementor-animated-content:focus .elementor-animated-item--enter-from-left, .elementor-animated-content:focus .elementor-animated-item--enter-from-top, .elementor-animated-content:focus .elementor-animated-item--enter-from-bottom {
|
|
opacity: 1;
|
|
transform: translateY(0) translateX(0);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-to-right, .elementor-animated-content:focus .elementor-animated-item--exit-to-right {
|
|
transform: translateX(1000px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-to-left, .elementor-animated-content:focus .elementor-animated-item--exit-to-left {
|
|
transform: translateX(-1000px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-to-top, .elementor-animated-content:focus .elementor-animated-item--exit-to-top {
|
|
transform: translateY(-600px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-to-bottom, .elementor-animated-content:focus .elementor-animated-item--exit-to-bottom {
|
|
transform: translateY(600px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--exit-to-right, .elementor-animated-content:hover .elementor-animated-item--exit-to-left, .elementor-animated-content:hover .elementor-animated-item--exit-to-top, .elementor-animated-content:hover .elementor-animated-item--exit-to-bottom, .elementor-animated-content:focus .elementor-animated-item--exit-to-right, .elementor-animated-content:focus .elementor-animated-item--exit-to-left, .elementor-animated-content:focus .elementor-animated-item--exit-to-top, .elementor-animated-content:focus .elementor-animated-item--exit-to-bottom {
|
|
opacity: 0;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-right, .elementor-animated-content:focus .elementor-animated-item--move-right {
|
|
transform: translateX(30px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-left, .elementor-animated-content:focus .elementor-animated-item--move-left {
|
|
transform: translateX(-30px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-up, .elementor-animated-content:focus .elementor-animated-item--move-up {
|
|
transform: translateY(-30px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-down, .elementor-animated-content:focus .elementor-animated-item--move-down {
|
|
transform: translateY(30px);
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-contained-right, .elementor-animated-content:focus .elementor-animated-item--move-contained-right {
|
|
--translate: 8%, 0;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-contained-left, .elementor-animated-content:focus .elementor-animated-item--move-contained-left {
|
|
--translate: -8%, 0;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-contained-top, .elementor-animated-content:focus .elementor-animated-item--move-contained-top {
|
|
--translate: 0, -8%;
|
|
}
|
|
.elementor-animated-content:hover .elementor-animated-item--move-contained-bottom, .elementor-animated-content:focus .elementor-animated-item--move-contained-bottom {
|
|
--translate: 0, 8%;
|
|
}
|
|
.elementor-animated-content *[class^=elementor-animated-item] {
|
|
will-change: transform, opacity;
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--shrink-contained {
|
|
transform: scale(1.17);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-zoom-in {
|
|
transform: scale(0.2);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-zoom-out {
|
|
transform: scale(2);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-zoom-out, .elementor-animated-content .elementor-animated-item--enter-zoom-in, .elementor-animated-content .elementor-animated-item--fade-in {
|
|
opacity: 0;
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--exit-zoom-out, .elementor-animated-content .elementor-animated-item--exit-zoom-in, .elementor-animated-content .elementor-animated-item--fade-out {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-from-right {
|
|
transform: translateX(1000px);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-from-left {
|
|
transform: translateX(-1000px);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-from-top {
|
|
transform: translateY(-600px);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-from-bottom {
|
|
transform: translateY(500px);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--enter-from-right, .elementor-animated-content .elementor-animated-item--enter-from-left, .elementor-animated-content .elementor-animated-item--enter-from-top, .elementor-animated-content .elementor-animated-item--enter-from-bottom {
|
|
opacity: 0;
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--exit-to-right, .elementor-animated-content .elementor-animated-item--exit-to-left, .elementor-animated-content .elementor-animated-item--exit-to-top, .elementor-animated-content .elementor-animated-item--exit-to-bottom {
|
|
opacity: 1;
|
|
transform: translateY(0) translateX(0);
|
|
}
|
|
.elementor-animated-content .elementor-animated-item--move-contained-right, .elementor-animated-content .elementor-animated-item--move-contained-left, .elementor-animated-content .elementor-animated-item--move-contained-top, .elementor-animated-content .elementor-animated-item--move-contained-bottom {
|
|
transform: scale(1.2) translate(var(--translate));
|
|
}
|
|
|
|
/*# sourceMappingURL=transitions.css.map */ |