#css button

Multiple Transitions on a Button

(request) Espero que estes sirvam. Desculpa a demora!

Css:

        /*             Botão po PASSO-HTML/GABRIELA         */#btn {  color: #FFFFFF;    background: red; /* For browsers that do not support gradients */  background: -webkit-linear-gradient(left top, #FFDAB9, #EECBAD); /* For Safari 5.1 to 6.0 */  background: -o-linear-gradient(bottom right, #FFDAB9, #EECBAD); /* For Opera 11.1 to 12.0 */  background: -moz-linear-gradient(bottom right, #FFDAB9, #EECBAD); /* For Firefox 3.6 to 15 */  background: linear-gradient(to bottom right, #FFDAB9, #EECBAD); /* Standard syntax */  border: 1px solid #EECBAD ;  border-radius: 5px;  box-shadow: 0px 5px 0px #8B7765;  position: relative;  width:30px;  height:30px;  border-radius:100%;  text-decoration:none;  display:inline-block;  text-align:center;  font-family:calibri;  font-size:9px;  text-transform:uppercase;  line-height:30px;  top: 0px;  transition: all ease 0.3s;  margin:5px; } #btn:active {  box-shadow: 0 3px 0 #00823F;  top: 3px; }       #btn span{    padding-top:7px;    font-size:15px;    display:block; }

Html:

<a type="btn" id="btn" href="LINK">PALAVRA/ICON</a>

Se usar dê like.

Like if you use.