253 views
CSSAdd prefixes
1.spinner { 2 background-image: linear-gradient(#acb6e5 35%, #86fde8); 3 width: 100px; 4 height: 100px; 5 animation: spinning21 1.7s linear infinite; 6 text-align: center; 7 border-radius: 50px; 8 filter: blur(1px); 9 box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 10 0px 5px 20px 0px rgb(0, 225, 255); 11} 12 13.Spinner { 14 background-color: rgb(36, 36, 36); 15 width: 100px; 16 height: 100px; 17 border-radius: 50px; 18 filter: blur(10px); 19} 20 21@keyframes spinning21 { 22 to { 23 transform: rotate(360deg); 24 } 25}
HTML
1 <div class="spinner"> 2 <div class="Spinner"></div> 3 </div>