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