Button by JaydipPrajapati1910
#e8e8e8
1.button { 2 color: white; 3 background-color: #222; 4 font-weight: 600; 5 border-radius: 0.5rem; 6 font-size: 1rem; 7 line-height: 2rem; 8 padding-left: 2rem; 9 padding-right: 2rem; 10 padding-top: 0.7rem; 11 padding-bottom: 0.7rem; 12 text-align: center; 13 margin-right: 0.5rem; 14 display: inline-flex; 15 align-items: center; 16 border: none; 17} 18 19.button:hover { 20 background-color: #fff; 21 color: #222; 22 border: 2px solid #222; 23} 24 25.button:hover svg { 26 fill: #222; 27} 28 29.button svg { 30 display: inline; 31 width: 1.3rem; 32 height: 1.3rem; 33 margin-right: 0.75rem; 34 color: white; 35} 36 37.button:hover svg { 38 animation: spin_357 0.5s linear; 39} 40 41@keyframes spin_357 { 42 from { 43 transform: rotate(0deg); 44 } 45 46 to { 47 transform: rotatey(360deg); 48 } 49} 50 51
582 views
582 views
MIT License