#e8e8e8
1button { 2 font-size: 16px; 3 padding: 1em 3.3em; 4 transform: perspective(200px) rotateX(15deg); 5 color: white; 6 font-weight: 900; 7 border: none; 8 border-radius: 5px; 9 background: linear-gradient(0deg, rgba(63,94,251,1) 0%, rgba(70,135,252,1) 100%); 10 box-shadow: rgba(63,94,251,0.2) 0px 40px 29px 0px; 11 will-change: transform; 12 transition: all 0.3s; 13 border-bottom: 2px solid rgba(70,135,252,1); 14} 15 16button:hover { 17 transform: perspective(180px) rotateX(30deg) translateY(2px); 18} 19 20button:active { 21 transform: perspective(170px) rotateX(36deg) translateY(5px); 22}
Comments
MIT License