Button by NAKAMOZ
#212121
1button { 2 cursor: pointer; 3 background-color: transparent; 4 color: white; 5 border: none; 6 font-size: 17px; 7 position: relative; 8 z-index: 3; 9 transition: 0.5s; 10 -webkit-transition: 0.5s; 11 -moz-transition: 0.5s; 12 -ms-transition: 0.5s; 13 -o-transition: 0.5s; 14} 15 16button::before { 17 content: ""; 18 border: 3px solid white; 19 position: absolute; 20 left: -25px; 21 bottom: 0; 22 display: block; 23 width: 10px; 24 height: 10px; 25 border-radius: 60px; 26 -webkit-border-radius: 60px; 27 -moz-border-radius: 60px; 28 -ms-border-radius: 60px; 29 -o-border-radius: 60px; 30 transition: 0.5s; 31 -webkit-transition: 0.5s; 32 -moz-transition: 0.5s; 33 -ms-transition: 0.5s; 34 -o-transition: 0.5s; 35} 36 37button:hover::before { 38 left: -25px; 39 bottom: -17.5px; 40 width: 100%; 41 padding: 20px; 42 background-color: white; 43 z-index: -1; 44} 45 46button:hover { 47 color: #282828; 48} 49
1.1K views
1.1K views
MIT License