1、设置一个图像的初始状态。img{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}
3、完整的图像状态流程。<挢旗扦渌;!DOCTYPE html><html><head><style>img{opacity:0.4;filter:alpha(opacity=40); /* For IE8 and earlier */}img:hover{opacity:1.0;filter:alpha(opacity=100); /* For IE8 and earlier */}</style></head><body><h1>图像透明度</h1><img src="/i/tulip_peach_blossom_w_s.jpg" alt="Peach Blossom" /></body></html>
5、做一个旋转的透明元素效果。transform:rotate 这个代码就是可以达到这样的效果。div#div2{transform:rotate(30deg);-ms-transform:rotate(30deg); /* IE 9 */-moz-transform:rotate(30deg); /* Firefox */-webkit-transform:rotate(30deg); /* Safari and Chrome */-o-transform:rotate(30deg); /* Opera */}
