css3新特性

1.动画过渡

transition: CSS属性,花费时间,效果曲线(默认ease),延迟时间(默认0)

2.动画效果

animation:动画名称,一个周期花费时间,运动曲线(默认ease),动画延迟(默认0),播放次数(默认1),是否反向播放动画(默认normal),是否暂停动画(默认running)

3.动画形状改变

transform:适用于2D或3D转换的元素

4.选择器

属性选择器

伪类选择器

伪元素选择器

5.盒子阴影

box-shadow: 水平阴影的位置 垂直阴影的位置 模糊距离 阴影的大小 阴影的颜色 阴影开始方向(默认是从里往外,设置inset就是从外往里);

6.边框图片

border-image: 图片url 图像边界向内偏移 图像边界的宽度(默认为边框的宽度) 用于指定在边框外部绘制偏移的量(默认0) 铺满方式--重复(repeat)、拉伸(stretch)或铺满(round)(默认:拉伸(stretch));

7..边框圆角

border-radius: n1,n2,n3,n4;/n1-n4四个值的顺序是:左上角,右上角,右下角,左下角。

8.文字阴影(text-shadow)

posted @ 2020-08-30 20:46  张子浩  阅读(134)  评论(0)    收藏  举报