Button by Dear31
#e8e8e8
1button { 2 padding: 12px 32px; 3 border-radius: 10px; 4 border: 3px black solid; 5 box-shadow: 2px 2px 1px; 6 font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; 7 font-weight: 700; 8 font-size: 17px; 9 background-color: #01aaba68; 10 overflow: hidden; 11 position: relative; 12 z-index: 10; 13} 14 15button::after { 16 content: ""; 17 position: absolute; 18 background-color: #199fab; 19 width: 0px; 20 height: 0px; 21 border-radius: 50%; 22 left: 50%; 23 top: 50%; 24 transform: translate(-50%, -50%); 25 transition: all .3s ease-in; 26 z-index: -1; 27} 28 29button:hover::after { 30 transform-origin: center; 31 transition: all .3s ease-in; 32 width: 200px; 33 height: 200px; 34} 35
600 views
600 views
MIT License