Button by Cevorob
#212121
1button { 2 border: 0; 3 background: ghostwhite; 4 display: flex; 5 align-items: center; 6 justify-content: center; 7 padding: 1em 1em 1em 3em; 8 position: relative; 9 overflow: hidden; 10 font-size: 17px; 11 font-family: inherit; 12 border-radius: 12px; 13 box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; 14} 15 16button svg { 17 position: absolute; 18 left: .4em; 19 width: 40px; 20 height: 40px; 21 transform: rotateY(-180deg); 22 transition: transform .4s cubic-bezier(0.68, -0.6, 0.32, 1.6); 23} 24 25button:hover svg { 26 transform: rotateY(-180deg) translateX(-.25em); 27} 28 29button:active { 30 transform: scale(0.98); 31}
2.6K views
2.6K views
MIT License