CSS:
button.ornek {
-webkit-transition: all 0s ease-out;
-moz-transition: all 0s ease-out;
-o-transition: all 0s ease-out;
-ms-transition: all 0s ease-out;
transition: all 0s ease-out;
height: 35px;
display: block;
font-family: Arial, "Helvetica", sans-serif;
font-size: 14px;
color: #fff;
text-decoration: none;
text-align: center;
text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
padding: 4px 20px 0;
margin: 10px auto;
left: 30px;
position: relative;
cursor: pointer;
border: none;
border-radius: 5px;
border-radius: 5px;
border: solid 1px #2E4476;
background: #3B5999;
-webkit-box-shadow: 0px 5px 0px 0px #2E4476;
box-shadow: 0px 5px 0px 0px #2E4476;
}
button.ornek:active {
top: 3px;
-webkit-box-shadow: 0px 2px 0px 0px #2E4476;
box-shadow: 0px 2px 0px 0px #2E4476;
}
CSS:
3
<button class="ornek">Beğen!</button>
