Button by felipesntr
#e8e8e8
1button { 2 color: rgb(53, 188, 250); 3 padding: 1em 2em 1em 2em; 4 border: 2px solid rgb(53, 188, 250); 5 border-radius: 0 1em 1em 1em; 6 position: relative; 7 overflow: hidden; 8 transition: 0.3s; 9 font-size: 1rem; 10 font-weight: 600; 11 cursor: pointer; 12} 13 14button:hover { 15 border: 2px solid rgb(75, 228, 157); 16} 17 18button span { 19 position: absolute; 20 top: 0; 21 left: -100%; 22 width: 100%; 23 height: 100%; 24 background: rgb(75, 228, 157); 25 transition: ease-in-out 0.3s; 26 color: #fff; 27 display: flex; 28 align-items: center; 29 justify-content: center; 30 font-size: 1em; 31} 32 33button span svg { 34 width: 1.1em; 35 height: 1.1em; 36 margin-right: 0.5em; 37} 38 39button:hover span { 40 left: 0%; 41} 42
240 views
240 views
MIT License