Breaking News: Grepper is joining You.com. Read the official announcement!

how to add button in css

Strange Sardine answered on November 13, 2021 Popularity 10/10 Helpfulness 1/10

answer how to add button in css

related Creating a Button using HTML and CSS

how to add button in css

Comments(1)

<butoon></button>

Popularity 10/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: add button css

Link to this answer
Share Copy Link

Contributed on Nov 13 2021

Strange Sardine

0 Answers Avg Quality 2/10

Closely Related Answers

Creating a Button using HTML and CSS

Comment

<a href="#" class="myButton">turquoise</a>

.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: www.bestcssbuttongenerator.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on May 07 2022

Bugti

0 Answers Avg Quality 2/10

how to add button in css

Contents

More Related Answers

how to add button in css

Closely Related Answers

Creating a Button using HTML and CSS

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.