Button by Nayzerftn
#e8e8e8
1.btn-hover { 2 position: relative; 3 display: inline-block; 4 padding: 15px 30px; 5 font-size: 18px; 6 font-weight: bold; 7 text-transform: uppercase; 8 letter-spacing: 2px; 9 color: #ffffff; 10 background-color: #4b4b4b; 11 border: none; 12 outline: none; 13 overflow: hidden; 14 cursor: pointer; 15 transition: all 0.3s ease-out; 16} 17 18.btn-hover:hover { 19 background-color: #522ba7; 20} 21 22.btn-hover::before { 23 content: ""; 24 position: absolute; 25 top: 50%; 26 left: 50%; 27 transform: translate(-50%, -50%) scale(0); 28 width: 15px; 29 height: 15px; 30 border-radius: 50%; 31 background-color: #ffffff; 32 opacity: 0.8; 33 transition: all 0.5s ease-out; 34} 35 36.btn-hover:hover::before { 37 transform: translate(-50%, -50%) scale(20); 38 opacity: 0; 39}
621 views
621 views
MIT License