Search code snippets, questions, articles... Chrome Extension

+

css

Create rounded shape style button using CSS

css Share on :

.rounded_button {
   padding: 1.2rem 2.5rem;
   font-size: 1rem;
   background: #207ef9;
   color: #fff;
   border-radius: 40px;
   border: 0;
   letter-spacing: 1px;
   cursor: pointer;
   outline: 0;
}

.rounded_button:hover {
   opacity: .9;
}

Best JSON Validator, JSON Tree Viewer, JSON Beautifier at same place. Check how cool is the tool

Using the above code you can create a simple rounded box styles button in CSS. We use 'border-radius' property to make it rounded.

Contribute to this Snippet

Was this helpful?

@

Write your Comment

0 Comments

Similar code snippets

Join Devsheet Ask a Question

Find us at: