Video Aula: Criando Efeitos em Banner

Continue lendo para ver o código.

Código Usado na Video Aula: (O interessante seria vocês mesmos escreverem o código para se abtuarem a eles.)

#banner{ border: 1px solid #999; width:70px; height:25px; KHTMLOpacity: 0.6; MozOpacity: 0.6; -khtml-opacity:.60; -ms-filter:"alpha(opacity=60)"; -moz-opacity:.60; filter:alpha(opacity=60); opacity:.60; border-radius: 3px; } #banner:hover{ border: 1px solid #363636; width:88px; height:31px; KHTMLOpacity: 1.0; MozOpacity: 1.0; -khtml-opacity:1.00; -ms-filter:"alpha(opacity=100)"; -moz-opacity:1.00; filter:alpha(opacity=100); opacity:1.00; border-radius:7px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; }