[CSS] mouse over the picture to change the size and location transparency
Pictures transparency:
a:hover img
{
border: solid 5px #ff0000;
-mox-opacity:1.0; /*-mox是for firefox*/
filter:alpha(opacity=100);
opacity:1.0;
}
a img
{
border: solid 5px #ff0000;
-mox-opacity:0.8;
filter:alpha(opacity=80);
opacity:0.8;
}
Image size and position changes:
div#img_border a /*鼠标移至图片*/
{
padding:3px; /*鼠标移至图片,图片移动的距离*/
width:1px; /*鼠标移至图片,图片边线宽度*/
}
div#img_border a:hover
{
padding:2px; /*鼠标移至图片边线位移*/
border:#F9AA25 solid 1px; /*边线颜色及宽度*/
}
When the call:
Content Source: http: //www.ironman.tw/article.asp id = 87?
Original: Large column [CSS] mouse over the picture to change the size and location transparency