Button by Wlidha09
#212121
1.center { 2 width: 150px; 3 height: 50px; 4 position: relative; 5} 6 7.btn { 8 width: 100%; 9 height: 100%; 10 cursor: pointer; 11 background: transparent; 12 border: 1px solid #91c9ff; 13 outline: none; 14 transition: 1s ease-in-out; 15} 16 17.svg { 18 position: absolute; 19 left: 0; 20 top: 0; 21 fill: none; 22 stroke: #fff; 23 stroke-dasharray: 150 480; 24 stroke-dashoffset: 150; 25 transition: 1s ease-in-out; 26} 27 28.btn:hover { 29 transition: 1s ease-in-out; 30 background: #4f95da; 31} 32 33.btn:hover .svg { 34 stroke-dashoffset: -480; 35} 36 37.btn span { 38 color: white; 39 font-size: 17px; 40 font-weight: 100; 41} 42
178 views
178 views
MIT License