Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

How can we add round button in full page slider?

user-image
Question added by Muhammad Tahseen Ur Rehman , Sr. Front End Developer , iLegend Technology
Date Posted: 2017/11/01
Mouloud  Zidane
by Mouloud Zidane , Employé simple , Silak solution

<style type="text/css">.button {    background-color: #4CAF50;    border: none;    color: white;    padding: 20px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 16px;    margin: 4px 2px;}.button-radius {border-radius: 50%;}</style>

<button class="button button-radius">myButton</button>

Umair Farhat Mobeen Khan
by Umair Farhat Mobeen Khan , Applications System Analyst , Kamal Osman Jamjoom LLC

<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>.button {    background-color: #4CAF50; /* Green */    border: none;    color: white;    padding: 20px;    text-align: center;    text-decoration: none;    display: inline-block;    font-size: 16px;    margin: 4px 2px;    cursor: pointer;}.button1 {border-radius: 2px;}.button2 {border-radius: 4px;}.button3 {border-radius: 8px;}.button4 {border-radius: 12px;}.button5 {border-radius: 50%;}</style></head><body><h2>Rounded Buttons</h2><p>Add rounded corners to a button with the border-radius property:</p><button class="button button1">2px</button><button class="button button2">4px</button><button class="button button3">8px</button><button class="button button4">12px</button><button class="button button5">50%</button></body></html>

Abdullah Abdullah
by Abdullah Abdullah , WordPress Developer , Strategies-dc

Seeing the bootstrap buttons and appling it to your code.

<button class="btn btn-default circle" >Click here</button

khlaled reda
by khlaled reda , web developer , comenscene

<button type="button" class="btn btn-default btn-circle">button</button>

More Questions Like This