Komentar

Notification texts go here Contact Us Buy Now!

CSS BUTTON EDİTOR



Selected Button

Width

Height

Font Size

Color

Background Color

Border Style

Border Color

Border Width

Border Radius

Border Color

Border Top Color

Border Bottom Color

Border Left Color

Border Right Color

Border Style

Border Width

Measurment
Border Top Width

Border Bottom Width

Border Left Width

Border Right Width

Border Radius

Measurment
Border Top Right Radius

Border Top Left Radius

Border Bottom Right Radius

Border Bottom Left Radius

Padding

Button Alignment



.buttons-0{ 
width: 15%; 
height: 50px; 
font-size: 15px; 
color: #ffffff; 
background-color: #8713d2; 
border-color: #ff00a0; 
border-width: 2px; 
border-top-right-radius: 0px; 
border-top-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-botttom-left-radius: 0px; 
padding: 5px; 

 } 
.buttons-0:hover {
width: 15%; 
height: 50px; 
font-size: 15px; 
color: #ffffff; 
background-color: #342fc7; 
border-color: #ff00a0; 
border-width: 2px; 
border-top-right-radius: 0px; 
border-top-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-botttom-left-radius: 0px; 
padding: 5px; 

 } 
.buttons-0.active {
width: 15%; 
height: 50px; 
font-size: 15px; 
color: #ffffff; 
background-color: #39c720; 
border-color: #ff00a0; 
border-width: 2px; 
border-top-right-radius: 0px; 
border-top-left-radius: 0px; 
border-bottom-right-radius: 0px; 
border-botttom-left-radius: 0px; 
padding: 5px; 

 } 
<div class="btn-align">
<button class="button-class">Button</button>
</div>

About the Author

Bilgisayar ve Yazılım Programları Hakkında En Güncel Bilgiler Bu Blog'da Bizi Takip Etmeyi Unutmayın.

Yorum Gönder

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.