Skip to content

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.

Notifications You must be signed in to change notification settings

badrrehman/buttons.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

button.css

Introduction

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.

Installing Tips::

Basic Use:

⦁ 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.

Finally you need to add one of the following classes:

⦁ backFillIn
⦁ backFill
⦁ fillTrans
⦁ backTransIn
⦁ backTransOut
⦁ DiagFill
⦁ glowBall
⦁ butn-backshad
⦁ butn-topFill
⦁ butn-borderIn
⦁ butn-borderOut
⦁ butn-txtbold
Button shadow calss:
⦁ butn-shade

Color Container class also can be used:

⦁ clr-container

Font Family

⦁ Ginebra
⦁ squiggler

How to define class rules:

<a href="#" class="butn butn-diagFill butn-reg butn-shad">Your 
button</a>

Explanation:

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

License

Button.css is not licensed to any one. its a open source package for all.

Contributing

i'll appriciat to all who would like to contribute to improve button.css project
Thanks

Author::

@Badr Rehman

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages