Powered By Blogger

Wednesday, October 23, 2019

Complete game Button.

input[type=button], input[type=submit], input[type=reset], button, .button {
padding: 5px 15px;
margin: 3px 4px;
display: inline-block;
color: #ffffff;
font-size: 26px;
cursor: pointer;
background: #4095ff;
background: linear-gradient(top, #4095ff 0%, #277ce6 100%);
background: -moz-linear-gradient(top, #4095ff 0%, #277ce6 100%);
background: -webkit-linear-gradient(top, #4095ff 0%, #277ce6 100%);
background: -o-linear-gradient(top, #4095ff 0%, #277ce6 100%);
border: 1px solid #338bf6;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
-moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
-webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
-o-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.50);
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
background: linear-gradient(top, #5aafff 0%, #4095ff 100%);
background: -moz-linear-gradient(top, #5aafff 0%, #4095ff 100%);
background: -webkit-linear-gradient(top, #5aafff 0%, #4095ff 100%);
background: -o-linear-gradient(top, #5aafff 0%, #4095ff 100%);
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active, button:active, .button:active{
opacity:0.8;
}

No comments:

Post a Comment