Learn how to create this awesome border hover effect
HTML Setup
<button class="btn">
Hover me
</button>
CSS Styles
body {
background: #111;
}
.btn {
cursor: pointer;
background: none;
border: none;
color: white;
border-radius: 100vmax;
padding: 1rem 2rem;
position: relative;
}
Th...
blog.alicalimli.com2 min read
Hilary Samson
Front-end Developer
This cool. The body just needs a little adjustments so the button isnt right on the edge