Card by StefanR1901
This card was created for One <div> challenge
#212121
1.one-div-container { 2 position: relative; 3 height: 500px; 4 width: 100%; 5 display: flex; 6 justify-content: center; 7 align-items: center; 8 background-color: #000000; 9} 10 11.one-div { 12 width: 200px; 13 height: 200px; 14 border-radius: 50%; 15 background: radial-gradient(circle, rgba(255,136,0,1) 0%, rgba(255,77,210,1) 50%, rgba(0,212,255,1) 100%); 16 box-shadow: 0 0 50px rgba(255,255,255,0.5); 17 transition: all 0.5s ease-in-out; 18 animation: pulse 2s ease-in-out infinite; 19} 20 21.one-div:hover { 22 transform: scale(1.2); 23 background: radial-gradient(circle, rgba(0,212,255,1) 0%, rgba(255,77,210,1) 50%, rgba(255,136,0,1) 100%); 24 box-shadow: 0 0 70px rgba(255,255,255,0.7), 0 0 20px rgba(255,255,255,0.7), 0 0 10px rgba(255,255,255,0.7); 25} 26 27@keyframes pulse { 28 0%, 100% { 29 transform: scale(1); 30 } 31 32 50% { 33 transform: scale(1.1); 34 } 35}
515 views
515 views
MIT License