Button by reshades
#212121
1.button { 2 width: 10em; 3 height: 3em; 4 background-color: #e8e8e810; 5 color: #e8e8e8; 6 border: 1.2px solid #e8e8e870; 7 border-radius: 15px; 8 transition: all 0.5s ease; 9} 10 11.button:hover { 12 border: 1.2px solid #4073ff; 13 background-color: #00000000; 14} 15 16.text { 17 margin-top: 10px 18} 19 20.svg { 21 filter: blur(20px); 22 z-index: -1; 23 opacity: 70%; 24 width: 6em; 25 animation: anim 3s infinite; 26} 27 28@keyframes anim { 29 0% { 30 transform: translateY(-60px); 31 } 32 33 50% { 34 transform: translateY(-35px); 35 } 36 37 100% { 38 transform: translateY(-60px); 39 } 40}
604 views
604 views
MIT License