Join me coding everything from simple HTML to complex JS!

Let's make coding simple - no matter how complex it is! Join me and let's go places with 'Life with Coding'!

Circle Button

Have fun playing with the coding on this one to make it a circle shape, or change the border-radius in the CSS code to a different percentage and see what happens!

How to Code it!

HTML

<button>Circle Button</button>

CSS

button { height: 100px; width: 100px; border-radius: 50%; background-color: red; color: white; border: white; box-shadow: 0 0 10px gray; } button:hover { background-color: pink; box-shadow: 0 0 20px gray; }