css3基础篇三

CSS3 文本阴影

在 CSS3 中,text-shadow 可向文本应用阴影。

文本阴影效果

您能够规定水平阴影、垂直阴影、模糊距离,以及阴影的颜色:

实例

向标题添加阴影:

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

2D Transform 方法

函数 描述
matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。
translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。(重要的是不写定位也可以随意移动)与absolute不同
translateX(n) 定义 2D 转换,沿着 X 轴移动元素。
translateY(n) 定义 2D 转换,沿着 Y 轴移动元素。
scale(x,y) 定义 2D 缩放转换,改变元素的宽度和高度。
scaleX(n) 定义 2D 缩放转换,改变元素的宽度。
scaleY(n) 定义 2D 缩放转换,改变元素的高度。
rotate(angle) 定义 2D 旋转,在参数中规定角度。
skew(x-angle,y-angle) 定义 2D 倾斜转换,沿着 X 和 Y 轴。
skewX(angle) 定义 2D 倾斜转换,沿着 X 轴。
skewY(angle) 定义 2D 倾斜转换,沿着 Y 轴。

猜你喜欢

转载自www.cnblogs.com/airfand/p/10729142.html