This is a CSS (cascading style sheet), contains the code of different style buttons that can be used in the HTML web pages. its a pre build and pre compiled css file having css rules to identify , structure, and fix buttons in web page easily. These rules in this css file can be used by calling the classes names in the file BUTTON.CSS.
## Example
Some code example of button that are used in the button.css as following,
1- butn ( its for simple button having no border tranparent background, and default size is depended on the text in side the button)
2- butn-reg (Reguler)
butn-med (Medium)
butn-lrg (large)
And a lot of button with different styles on hover and background changes.
How it works? Button.css Button.css is cascading style sheet having a lot of rules to define the cool beautiful and stunning button in web page. These buttons have different styles as gradient, animations, transforms, text font styles, containers types and many more.
⦁ Include the stylesheet on your document's
<head>
<link rel="stylesheet" href="button.css">
</head>
⦁ Add the class to the tag as you want to make button . You may also want to include class in tag.
⦁ backFillIn
⦁ backFill
⦁ fillTrans
⦁ backTransIn
⦁ backTransOut
⦁ DiagFill
⦁ glowBall
⦁ butn-backshad
⦁ butn-topFill
⦁ butn-borderIn
⦁ butn-borderOut
⦁ butn-txtbold
Button shadow calss:
⦁ butn-shade
⦁ clr-container
⦁ Ginebra
⦁ squiggler
<a href="#" class="butn butn-diagFill butn-reg butn-shad">Your
button</a>
Above example "butn" is simply button class that define the structure of button and
"butn-diagFill" is class for style of button,"butn-reg" is class for button size as reg=reguler "butn-shad" is for butn shadow class.
Check out all buttons designs
Button.css is not licensed to any one. its a open source package for all.
i'll appriciat to all who would like to contribute to improve button.css project
Thanks