CSS3新增属性:
1.文本和盒子属性:
1.1 文字阴影属性:
text-shadow:水平方向 垂直方向 模糊半径 阴影颜色;
1.2 盒子阴影属性:
box-shadow: 水平方向 垂直方向 模糊半径 阴影颜色;
1.3 文字换行:
word-break:break-all // 断字符
word-warp:break-word // 断单词
white-space:nowrap; //强制在一行内显示文字
1.4 文字溢出:
text-overflow:clip;
text-overflow: ellipsis; //多余部分显示成省略号
overflow:hidden; //搭配使用
1.5 圆角:
border-radius:px 50%
2.动画相关的属性:
2.1 transform:变形属性 旋转 位移 放大 倾斜
rotate(40deg) 旋转 指定度数 顺时针
translate(x,y) 水平方向和垂直方向移动指定距离
scale(2) 放大指定倍数
skewX(40deg) x轴或y轴旋转指定的度数
2.2 transition:平滑过渡
transition:过渡操作 时间 过渡效果;
all 2s ease-in linear;
2.3 animation:自定义动画
@keyframes 名称{
0%{}
50%{}
100%{}
}
animation:名称 时间 播放次数 播放效果;
fly 5s 2(infinite) ease-in linear;
CSS3新增属性
最新推荐文章于 2024-06-08 00:00:00 发布