Button by Zena4L
#e8e8e8
1.btn:link, 2.btn:visited { 3 text-transform: uppercase; 4 text-decoration: none; 5 color: rgb(27, 27, 27); 6 padding: 10px 30px; 7 border: 1px solid; 8 border-radius: 1000px; 9 display: inline-block; 10 transition: all .2s; 11 position: relative; 12} 13 14.btn:hover { 15 transform: translateY(-5px); 16 box-shadow: 0 10px 20px rgba(27, 27, 27, .5); 17} 18 19.btn:active { 20 transform: translateY(-3px); 21} 22 23.btn::after { 24 content: ""; 25 display: inline-block; 26 height: 100%; 27 width: 100%; 28 border-radius: 100px; 29 top: 0; 30 left: 0; 31 position: absolute; 32 z-index: -1; 33 transition: all .3s; 34} 35 36.btn:hover::after { 37 background-color: rgb(0, 238, 255); 38 transform: scaleX(1.4) scaleY(1.5); 39 opacity: 0; 40}
15K views
15K views
MIT License