Quantcast
Viewing latest article 2
Browse Latest Browse All 10

Embossed button in CSS3

Image may be NSFW.
Clik here to view.
This is a simple CSS tutorial for making embossed button. No image is required.
First let’s do HTML part.

<input type="button" class="button" value="Click Me" />

Now let’s do CSS part.

.button{
background: #838383;
border: 1px solid #565656;
border-radius: 10px;
cursor: pointer;
padding: 6px 12px;
font: bold 22px arial;
color: #000;
text-shadow: 1px 1px 1px #d9d8d8;
}

And our button will look like this.
Image may be NSFW.
Clik here to view.


Viewing latest article 2
Browse Latest Browse All 10

Trending Articles