Please note, this is a STATIC archive of website www.phpjabbers.com from 29 Oct 2018, cach3.com does not collect or store any user information, there is no "phishing" involved.
go top

CSS Button Generator

Free CSS Button Generator

Use this FREE CSS Button Generator to generate your own button. Set different button style options and download the code. Generate a button and use it in our PHP scripts, too. Share it on social media if you like it and help us make more friends!

share:

Button Preview

  • templates

  • Font / Text / Cursor

  • Box

  • Border

  • Background

  • Hover

  • Transitions

Button CSS Code

Use the CSS code below to create a button. Just open your web page and paste the code between the head tag of your web page. Then add a button on your web page using this code

<button class="btn">Demo Button</button>

Copy the code

.btn {
	cursor: pointer;
	color: #ffffff;
	font-size: 18px;
	padding-top: 10px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 45px;
	border-radius: 10px;
	border: 1px solid #435058;
	background: #435058;
	outline: none;
	position: relative;
}
.btn:active {
	top: 1px;
}

  • PHP Scripts

    Check our extensive collection of top-notch PHP Scripts that will enhance your website!

    learn more
    Commercial PHP scripts

  • Free SEO Tool

    Analyze your website pages using our FREE SEO Tool and get higher Google rankings!

    learn more
    Free SEO tool