Button by nazarbayev01
#e8e8e8
1button { 2 padding: 1em 2em; 3 border: none; 4 border-radius: 5px; 5 font-weight: bold; 6 letter-spacing: 3px; 7 background: #DCFFFC; 8 text-transform: uppercase; 9 color: #088178; 10 transition: all 1000ms; 11 font-size: 15px; 12 position: relative; 13 overflow: hidden; 14 outline: 2px solid #088178; 15} 16 17button:hover { 18 color: #DCFFFC; 19 transform: scale(1); 20 outline: 2px solid #088178; 21 box-shadow: 4px 5px 17px -4px #088178; 22} 23 24button::before { 25 content: ""; 26 position: absolute; 27 left: -50px; 28 top: 0; 29 width: 0; 30 height: 100%; 31 background-color: #088178; 32 transform: skewX(30deg); 33 z-index: -1; 34 transition: width 1000ms; 35} 36 37button:hover::before { 38 width: 250%; 39}
417 views
417 views
MIT License