Button by reshades
#e8e8e8
1.button { 2 width: 10em; 3 height: 3em; 4 border-radius: 8px; 5 border: 0.15em solid rgb(162, 63, 255); 6 color: rgb(162, 63, 255); 7 background-color: #00000000; 8 transition: all 0.5s ease; 9} 10 11.button .text { 12 display: none 13} 14 15.button:hover>.text { 16 display: block; 17} 18 19.button:hover>svg { 20 display: none; 21} 22 23.button:hover { 24 background-color: rgb(162, 63, 255); 25 color: #fff 26} 27 28.button svg { 29 width: 1.5em; 30 margin-top: 3px; 31}
561 views
561 views
MIT License