2024-02-18 12:10:21 +00:00
|
|
|
@keyframes arco-carousel-slide-x-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes arco-carousel-slide-x-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes arco-carousel-slide-x-in-reverse{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes arco-carousel-slide-x-out-reverse{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes arco-carousel-slide-y-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes arco-carousel-slide-y-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes arco-carousel-slide-y-in-reverse{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes arco-carousel-slide-y-out-reverse{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes arco-carousel-card-bottom-to-middle{0%{transform:translate(0) translateZ(-400px);opacity:0}to{transform:translate(0) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-bottom{0%{transform:translate(-100%) translateZ(-200px);opacity:.4}to{transform:translate(-100%) translateZ(-400px);opacity:0}}@keyframes arco-carousel-card-top-to-middle{0%{transform:translate(-50%) translateZ(0);opacity:1}to{transform:translate(-100%) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-top{0%{transform:translate(0) translateZ(-200px);opacity:.4}to{transform:translate(-50%) translateZ(0);opacity:1}}@keyframes arco-carousel-card-bottom-to-middle-reverse{0%{transform:translate(-100%) translateZ(-400px);opacity:0}to{transform:translate(-100%) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-bottom-reverse{0%{transform:translate(0) translateZ(-200px);opacity:.4}to{transform:translate(0) translateZ(-400px);opacity:0}}@keyframes arco-carousel-card-top-to-middle-reverse{0%{transform:translate(-50%) translateZ(0);opacity:1}to{transform:translate(0) translateZ(-200px);opacity:.4}}@keyframes arco-carousel-card-middle-to-top-reverse{0%{transform:translate(-100%) translateZ(-200px);opacity:.4}to{transform:translate(-50%) translateZ(0);opacity:1}}.arco-carousel{position:relative}.arco-carousel-indicator-position-outer{margin-bottom:30px}.arco-carousel-slide,.arco-carousel-card,.arco-carousel-fade{position:relative;width:100%;height:100%;overflow:hidden}.arco-carousel-slide>*,.arco-carousel-card>*,.arco-carousel-fade>*{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.arco-carousel-item-current{z-index:1}.arco-carousel-slide>*:not(.arco-carousel-item-current){display:none;visibility:hidden}.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-out{display:block;animation:arco-carousel-slide-x-out}.arco-carousel-slide.arco-carousel-horizontal .arco-carousel-item-slide-in{display:block;animation:arco-carousel-slide-x-in}.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-out{animation:arco-carousel-slide-x-out-reverse}.arco-carousel-slide.arco-carousel-horizontal.arco-carousel-negative .arco-carousel-item-slide-in{animation:arco-carousel-slide-x-in-reverse}.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-out{display:block;animation:arco-carousel-slide-y-out}.arco-carousel-slide.arco-carousel-vertical .arco-carousel-item-slide-in{display:block;animation:arco-carousel-slide-y-in}.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-out{animation:arco-carousel-slide-y-out-reverse}.arco-carousel-slide.arco-carousel-vertical.arco-carousel-negative .arco-carousel-item-slide-in{animation:arco-carousel-slide-y-in-reverse}.arco-carousel-card{perspective:800px}.arco-carousel-card>*{left:50%;transform:translate(-50%) translateZ(-400px);opacity:0;animation:arco-carousel-card-middle-to-bottom}.arco-carousel-card .arco-carousel-item-prev{transform:translate(-100%) translateZ(-200px);opacity:.4;animation:arco-carousel-card-top-to-middle}.arco-carousel-card .arco-carousel-item-next{transform:translate(0) translateZ(-200px);opacity:.4;animation:arco-carousel-card-bottom-to-middle}.arco-carous
|
