透明色

• 透明色透明色透明色透明色透明色透明色透明色透明色
• opacity:0-10;  透明度
• rgba（0，0，0，0） ；透明色
• 两者的区别opacity是整个盒子都透明了
• 背景色是颜色的透明 跟内容无关
• filter：alpha（opacity=10）；//在ie8等低版本浏览器上显示兼容

 

• 阴影阴影阴影阴影阴影阴影阴影
• //水平方向 垂直方向 模糊程度 阴影大小 颜色
• box-shadow:10px ,10px ,10px ,10px ,yellow;
• 阴影不占位置 
• 可以加边框
• 阴影也可以叠加使用
• box-shadow:10px ,10px ,10px ,10px ,yellow，10px ,10px ,10px ,10px ,yellow;

 

• box-shadow: inset 10px , 10px ,10px ,10px ,yellow;
• inset 内阴影

 

 

文字阴影

• 文字阴影 text-shadow：10px ,10px ,10px ,yellow；
• 文字阴影没有大小 没有内阴影

 

transition: 1s;

•  过度时间 一般0.3s