Thursday 10 September 2015

Beautiful HTML buttons with simple css

<html>
<head>
<style>
 input:hover, button:hover {
    background:white;color:black;
}
.btn{
box-shadow: 10px 10px 5px#888888; width:200px; height:50px; background:black;     color:white; border-radius:5px;
}
</style>
</head>
<body>
<input type="button" value="button" class="btn"></input>
<button class="btn">Home</button>
<button class="btn">Contact</button>
<button class="btn">Help</button>
</body>
</html>