Button by r7chardgh
#e8e8e8
1.button { 2 position: relative; 3 width: 3em; 4 height: 3em; 5 transform: rotateX(30deg); 6 border-radius: .2em; 7 border: 1px solid #3f3f3f; 8 box-shadow: 0 .3em 0 .1em #3f3f3f; 9 ; 10 transition: all 150ms; 11} 12 13.button::after { 14 position: absolute; 15 content: "f5"; 16 top: 0; 17 left: 0; 18 right: 0; 19 bottom: 0; 20 padding: .2em; 21 text-align: end; 22 color: #3f3f3f; 23} 24 25.button:active { 26 transform: rotateX(30deg) translateY(.3em); 27 box-shadow: 0 0 0 0 #3f3f3f; 28}
952 views
952 views
MIT License