CSS3 Button Shadow

by Abhishek 18-Jul-16

0 1001


How give shadows on html submit button, For create more attractive buttons with shadow effect, use below code and take idea. You can easily modify into below code like color, background color, text color, shadow color, width, height and more.

: html input type buttons with shadow effect through CSS3 Style

Example:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
button {
box-shadow: 6px 8px 6px rgba(183, 178, 178, 0.64);
background-color: #607D8B;
color: #fff;
padding: 14px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
button:hover {
background-color:#006600;
cursor: pointer;
}
</style>
</head>

<body>
<button type="button" class="button"> Button Shadow </button>
</body>

</html>


Share:


Discount Coupons



Comments

    Waiting for your comments

Leave a Reply