-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.min.css
1 lines (1 loc) · 2.65 KB
/
style.min.css
1
*{margin:0;padding:0;box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:red;background:linear-gradient(47deg, rgba(255,0,0,0.777) 0%, rgba(143,0,255,0.777) 100%)}.loader-3d-circles{position:relative;width:400px;height:400px;transform-style:preserve-3d;transform:perspective(500px) rotateX(60deg)}.loader-3d-circles__item{position:absolute;display:block;border:5px solid #fff;box-shadow:0 5px 0 #ccc, inset 0 5px 0 #ccc;border-radius:50%;animation:wavy-3d-circles 3s ease-in-out infinite}.loader-3d-circles__item:nth-child(1){left:0;top:0;right:0;bottom:0;animation-delay:0s}.loader-3d-circles__item:nth-child(2){left:10px;top:10px;right:10px;bottom:10px;animation-delay:-0.1s}.loader-3d-circles__item:nth-child(3){left:20px;top:20px;right:20px;bottom:20px;animation-delay:-0.2s}.loader-3d-circles__item:nth-child(4){left:30px;top:30px;right:30px;bottom:30px;animation-delay:-0.3s}.loader-3d-circles__item:nth-child(5){left:40px;top:40px;right:40px;bottom:40px;animation-delay:-0.4s}.loader-3d-circles__item:nth-child(6){left:50px;top:50px;right:50px;bottom:50px;animation-delay:-0.5s}.loader-3d-circles__item:nth-child(7){left:60px;top:60px;right:60px;bottom:60px;animation-delay:-0.6s}.loader-3d-circles__item:nth-child(8){left:70px;top:70px;right:70px;bottom:70px;animation-delay:-0.7s}.loader-3d-circles__item:nth-child(9){left:80px;top:80px;right:80px;bottom:80px;animation-delay:-0.8s}.loader-3d-circles__item:nth-child(10){left:90px;top:90px;right:90px;bottom:90px;animation-delay:-0.9s}.loader-3d-circles__item:nth-child(11){left:100px;top:100px;right:100px;bottom:100px;animation-delay:-1s}.loader-3d-circles__item:nth-child(12){left:110px;top:110px;right:110px;bottom:110px;animation-delay:-1.1s}.loader-3d-circles__item:nth-child(13){left:120px;top:120px;right:120px;bottom:120px;animation-delay:-1.2s}.loader-3d-circles__item:nth-child(14){left:130px;top:130px;right:130px;bottom:130px;animation-delay:-1.3s}.loader-3d-circles__item:nth-child(15){left:140px;top:140px;right:140px;bottom:140px;animation-delay:-1.4s}.loader-3d-circles__item:nth-child(16){left:150px;top:150px;right:150px;bottom:150px;animation-delay:-1.5s}.loader-3d-circles__item:nth-child(17){left:160px;top:160px;right:160px;bottom:160px;animation-delay:-1.6s}.loader-3d-circles__item:nth-child(18){left:170px;top:170px;right:170px;bottom:170px;animation-delay:-1.7s}.loader-3d-circles__item:nth-child(19){left:180px;top:180px;right:180px;bottom:180px;animation-delay:-1.8s}.loader-3d-circles__item:nth-child(20){left:190px;top:190px;right:190px;bottom:190px;animation-delay:-1.9s}@keyframes wavy-3d-circles{0%,100%{transform:translateZ(-100px)}50%{transform:translateZ(100px)}}