マウスオーバーでふわっとするCSS

<div id=”css_hover_huwa”>
　<a href=”#”>サンプルです。マウスを乗せるとふわっとします</a>
</div>

#css_hover_huwa a:link
,#css_hover_huwa a:visited {
display:block;
　-moz-transition: all 0.2s linear 0;
　-webkit-transition: all 0.2s linear 0;
background-color:#61ecc7;
color:#333;
}
#css_hover_huwa a:hover
,#css_hover_huwa a:active {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
color:#333;
text-decoration:none;
}