长方体阴影(box-shadow ) :创建时需要三个样式声明。
eg:
- WebKit-box-shadow 33605 px5px5px # 828282;
- moz-box-shadow :5 px5px5px # 828282;
box-shadow : 5px 5px # 828282;
第一个值:阴影水平偏移的像素值。 正数在右侧显示阴影,负数在左侧显示阴影。
第二个值:阴影垂直偏移的像素值。 正数在下面显示阴影,负数在上面显示阴影。
第三个值:模糊半径的像素值。 值越大越模糊。 放置值为0的锐利阴影。
第四个值:有效颜色值。
csdqj摄影(文本阴影) ) ) ) ) ) )。
eg:
文本- shadow : 3px 3px 3px # 666;
第一个值:阴影水平偏移的像素值。 正数在右侧显示阴影,负数在左侧显示阴影。
第二个值:阴影垂直偏移的像素值。 正数在下面显示阴影,负数在上面显示阴影。
第三个值:模糊半径的像素值。 值越大越模糊。 放置值为0的锐利阴影。
第四个值:有效颜色值。
opacity属性:设置背景色的透明度。 值从0 (完全透明)到1 (完全不透明)。
注意: IE8之前的IE浏览器不支持opacity。 opacity与filter属性一起使用,值为1 (透明)到100 (完全不透明)之间的opacity级别。 eg:
过滤器:阿尔法(Opacity=60 );
因此,我们一般按照以下方式设定透明度
操作性:0.6;
过滤器:阿尔法(Opacity=60 );
RGBA颜色:红、绿、蓝、透明(alpha )、红、绿、蓝必须是0到255之间的十进制值,alpha必须是0 ) (完全透明)和1 )完全不透明)之间的数字。 因为并非所有浏览器都支持RGBA颜色,所以必须设置两次color属性。 第一次:设置当前浏览器支持的标准颜色值(RGB )。 第二次:配置RGBA颜色。 如果不了解RGBA的颜色,旧浏览器将自动忽略。 全新; 浏览器将“显示”两个颜色声明,并按编码顺序应用。
eg:
h1{
color : #ffffff;
color :
RGBA(255、255、255、0.8 );==color:#ffffff; opacity : 0.8;
文本对齐: right;
}
CSS渐变:
CSS是“渐进扩展”,用于设置备份的背景颜色属性或背景图像属性。
eg:
首先,为不支持渐变的浏览器设置背景颜色,并设置从白色(#FFFFFF )到中蓝(#8FA5CE )的线性渐变
背景色: # 8f a5 ce;
背景图像:-WebKit-gr dient (线性、左顶、左
bottom、from(fffff )、to ) 8fa5ce );
背景影像:
-moz-linear-gradient(top,#FFFFFF,#8FA5CE );
过滤器: progid :
dximagetransform.Microsoft.gradient (startcolorstr=# fffff,endColorstr=#FF8FA5CE );
背景图像:线性梯度(# ffffff,#8FA5CE );