.FL-flp_wrp{display:inline-block;float:right;position:relative;margin-top:0;text-align:center;perspective:200px;perspective:200px}.FL-flp_lt{display:inline-block;float:left;width:calc(100% – 85px)}.FL-flp{transition:all 0.6s;animation:FL-flip 6s infinite;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.FL-flp,.FL-flp_frt,.FL-flp_bak{font-size:11px;font-weight:800;line-height:14px;width:82px;height:24px;-ms-transform:rotateY(-180deg);-webkit-transform:rotateY( -180deg);transform:rotateY( -180deg)}.FL-flp_frt,.FL-flp_bak{text-align:center;color:#fff;position:absolute;top:0;left:0;backface-visibility:hidden}.FL-flp_frt{-webkit-transform:rotateX(0);-moa-transform:rotateX(0);transform:rotateX(0)}.FL-flp_bak{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}.FL-flp_frt-dv,.FL-flp_bak-dv{border-radius:6px;padding:4px 0;height:100%}.FL-flp_frt-dv{background:#d7458c;background:linear-gradient(-7deg,rgb(214,66,141) 30%,rgb(255,173,89) 100%)}.FL-flp_bak-dv{background:#2f87c6;background:linear-gradient(-7deg,rgb(20,129,206) 30%,rgb(92,218,96) 100%)}.FL-flp_frt{-webkit-transform:translateY(0%) translateZ(0) rotateX(-180deg);-moz-transform:translateY(0%) translateZ(0) rotateX(-180deg);transform:translateY(0%) translateZ(0) rotateX(-180deg)}.FL-flp_bak{-webkit-transform:translateY(0%) translateZ(0.1px);-moz-transform:translateY(0%) translateZ(0.1px);transform:translateY(0%) translateZ(0.1px)}@keyframes FL-flip{0%{transform:rotateX(180deg)}10%{transform:rotateZ(360deg)}50%{transform:rotateZ(360deg)}60.999%{transform:rotateX(179deg)}90.999%{transform:rotateX(179deg)}100%{transform:rotateX(180deg)}}
Topics mentioned in this article