#e8e8e8
1/* From uiverse.io by @alshahwan */ 2/* From uiverse.io by @alshahwan */ 3button { 4 background-color: #fff; 5 border: 1px solid #0077b5; 6 padding: 5px; 7 position: relative; 8 width: 7.2em; 9 height: 2em; 10 transition: 0.5s; 11 font-size: 17px; 12 border-radius: 0.4em; 13} 14 15button p { 16 position: absolute; 17 top: 0.4em; 18 left: 1.2em; 19 margin: 0; 20 padding: 0; 21 transition: .5s; 22 color: #0077b5; 23} 24 25button svg { 26 position: absolute; 27 top: 0.45em; 28 right: 0.5em; 29 margin: 0; 30 padding: 0; 31 opacity: 0; 32 transition: 0.5s; 33 height: 1em; 34 fill: #fff 35} 36 37button:hover p { 38 left: 0.6em; 39 color: #fff 40} 41 42button:hover svg { 43 opacity: 1; 44} 45 46button:hover { 47 background-color: #0077b5; 48} 49
5K views
5K views
Comments
MIT License