Button by Jedi-hongbin
#e8e8e8
1button { 2 display: flex; 3 height: 3em; 4 width: 100px; 5 align-items: center; 6 justify-content: center; 7 background-color: #eeeeee4b; 8 border-radius: 3px; 9 letter-spacing: 1px; 10 transition: all 0.2s linear; 11 cursor: pointer; 12 border: none; 13 background: #fff; 14} 15 16button > svg { 17 margin-right: 5px; 18 margin-left: 5px; 19 font-size: 20px; 20 transition: all 0.4s ease-in; 21} 22 23button:hover > svg { 24 font-size: 1.2em; 25 transform: translateX(-5px); 26} 27 28button:hover { 29 box-shadow: 9px 9px 33px #d1d1d1, -9px -9px 33px #ffffff; 30 transform: translateY(-2px); 31}
14K views
14K views
MIT License