DW的透明及隐藏的方法

透明:
1.opacity
opacity: 0-1 透明度 整体透明
filter:alpha(opacity=100);ie8

2.颜色透明:rgb
rgb(225、225、225)
rgba(255、255、255)alpha

隐藏
1.display : none;
display : inline/inline-block/block

2.透明度隐藏
过渡效果:translation 0.5s;
先opacity : 0;
再opacity : 1;

3.变形缩放
transform:scale(1,1)
transform:scale(0.5,0.5)
transform:scale(2,2)
4.更改位置,移到范围之外,被超出隐藏
用overflow:hidden来做。
5.旋转,旋转出范围之外。被超出隐藏
transform:rotateX(180deg);
transform:rotateY(180deg);
transform:rotateZ(180deg);
即X或Y或Z被旋转180度;(根据自己要求来选择)

然后更改旋转中心点: transform-origin:0;
transform:rotateZ:(90deg) rotateX:(0deg) rotateY(90deg);

你可能感兴趣的:(DW的透明及隐藏的方法)