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!

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!

    Commercial PHP scripts
  • Free Scripts

    Add great new functionalities to your website with our Free Scripts collection.

    Free scripts