This repository has been archived on 2022-06-23. You can view files and clone it, but cannot push or open issues or pull requests.
divi/includes/builder/feature/dynamic-assets/assets/css/animations_cpt.css

1 line
5.5 KiB
CSS

.et-db #et-boc .et-l .et_animated{opacity:0;animation-duration:1s;animation-fill-mode:both!important}.et-db #et-boc .et-l .et_animated.infinite{animation-iteration-count:infinite}.et-db #et-boc .et-l .et_had_animation{position:relative}@keyframes et_pb_fade{to{opacity:1}}.et-db #et-boc .et-l .et_animated.fade{animation-name:et_pb_fade}@keyframes et_pb_fadeTop{0%{transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.et-db #et-boc .et-l .et_animated.fadeTop{animation-name:et_pb_fadeTop}@keyframes et_pb_fadeRight{0%{transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.et-db #et-boc .et-l .et_animated.fadeRight{animation-name:et_pb_fadeRight}@keyframes et_pb_fadeBottom{0%{transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.et-db #et-boc .et-l .et_animated.fadeBottom{animation-name:et_pb_fadeBottom}@keyframes et_pb_fadeLeft{0%{transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.et-db #et-boc .et-l .et_animated.fadeLeft{animation-name:et_pb_fadeLeft}.et-db #et-boc .et-l .et_animated.slide{animation-name:et_pb_zoomLeft}.et-db #et-boc .et-l .et_animated.slideBottom,.et-db #et-boc .et-l .et_animated.slideRight,.et-db #et-boc .et-l .et_animated.slideTop{animation-name:et_pb_slideLeft}@keyframes et_pb_slideLeft{to{transform:translateZ(0);opacity:1}}.et-db #et-boc .et-l .et_animated.slideLeft{animation-name:et_pb_slideLeft}@keyframes et_pb_bounce{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.et-db #et-boc .et-l .et_animated.bounce{animation-name:et_pb_bounce}@keyframes et_pb_bounceTop{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-200px,0)}60%{transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.bounceTop{animation-name:et_pb_bounceTop}@keyframes et_pb_bounceRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(200px,0,0)}60%{transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.bounceRight{animation-name:et_pb_bounceRight}@keyframes et_pb_bounceBottom{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,200px,0)}60%{transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0);opacity:1}}.et-db #et-boc .et-l .et_animated.bounceBottom{animation-name:et_pb_bounceBottom}@keyframes et_pb_bounceLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(-200px,0,0)}60%{transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.bounceLeft{animation-name:et_pb_bounceLeft}.et-db #et-boc .et-l .et_animated.zoom{animation-name:et_pb_zoomLeft}.et-db #et-boc .et-l .et_animated.zoomTop{animation-name:et_pb_zoomLeft;transform-origin:top}.et-db #et-boc .et-l .et_animated.zoomRight{animation-name:et_pb_zoomLeft;transform-origin:right}.et-db #et-boc .et-l .et_animated.zoomBottom{animation-name:et_pb_zoomLeft;transform-origin:bottom}@keyframes et_pb_zoomLeft{to{transform:scaleX(1);opacity:1}}.et-db #et-boc .et-l .et_animated.zoomLeft{animation-name:et_pb_zoomLeft;transform-origin:left}.et-db #et-boc .et-l .et_animated.flip{animation-name:et_pb_foldBottom}.et-db #et-boc .et-l .et_animated.flipTop{animation-name:et_pb_foldBottom;transform-origin:center}.et-db #et-boc .et-l .et_animated.flipRight{animation-name:et_pb_foldLeft;transform-origin:center}.et-db #et-boc .et-l .et_animated.flipBottom{animation-name:et_pb_foldBottom;transform-origin:center}.et-db #et-boc .et-l .et_animated.flipLeft,.et-db #et-boc .et-l .et_animated.fold{animation-name:et_pb_foldLeft;transform-origin:center}.et-db #et-boc .et-l .et_animated.foldTop{transform-origin:top;animation-name:et_pb_foldBottom}.et-db #et-boc .et-l .et_animated.foldRight{transform-origin:right;animation-name:et_pb_foldLeft}@keyframes et_pb_foldBottom{to{opacity:1;transform:rotateX(0deg)}}.et-db #et-boc .et-l .et_animated.foldBottom{transform-origin:bottom;animation-name:et_pb_foldBottom}@keyframes et_pb_foldLeft{to{opacity:1;transform:rotateY(0deg)}}.et-db #et-boc .et-l .et_animated.foldLeft{transform-origin:left;animation-name:et_pb_foldLeft}@keyframes et_pb_roll{0%{transform-origin:center}to{transform-origin:center;transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.roll{animation-name:et_pb_roll}@keyframes et_pb_rollTop{0%{transform-origin:top}to{transform-origin:top;transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.rollTop{animation-name:et_pb_rollTop}@keyframes et_pb_rollRight{0%{transform-origin:right}to{transform-origin:right;transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.rollRight{animation-name:et_pb_rollRight}@keyframes et_pb_rollBottom{0%{transform-origin:bottom}to{transform-origin:bottom;transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.rollBottom{animation-name:et_pb_rollBottom}@keyframes et_pb_rollLeft{0%{transform-origin:left}to{transform-origin:left;transform:none;opacity:1}}.et-db #et-boc .et-l .et_animated.rollLeft{animation-name:et_pb_rollLeft}