![](/build/_assets/logo-png-XGWSYHKJ.png)
Button by umairmanzoor1143
#e8e8e8
1.button { 2 background: #fff; 3 position: relative; 4 border: none; 5 padding: 10px 20px; 6 display: inline-block; 7 font-size: 15px; 8 font-weight: 600; 9 text-transform: uppercase; 10 cursor: pointer; 11 transition: 0.5s; 12} 13.span { 14 display: inline-block; 15} 16.button:hover { 17 font-size: 20px; 18 transform: skew(-5deg); 19 padding-right: 30px; 20} 21.button::before { 22 content: ""; 23 box-sizing: border-box; 24 position: absolute; 25 top: 50%; 26 left: 70%; 27 width: 15px; 28 height: 15px; 29 margin-top: -8px; 30 margin-left: -5px; 31 border-radius: 50%; 32 border: 2px solid #ccc; 33 border-top-color: #000; 34 opacity: 0; 35 animation: spinner 0.6s linear infinite; 36 transition: 0.5s; 37} 38.button:hover::before { 39 opacity: 1; 40 left: 85%; 41} 42@keyframes spinner { 43 to { 44 transform: rotate(360deg); 45 } 46} 47
35 views
35 views
MIT License