第六次实习内容-html5&css3

html5

标签	解释	说明
< audio>	音频标签
< video>	视频标签	src定义路径、autoplay自动播放、controls显示控件

CSS3

变换

变换-transfrom	解释	说明
translate(x,y,z)	平移	单位：像素或百分比
translateX() translateY() translateZ()	x轴平移 y轴平移 z轴平移
scale(x,y,z)	缩放	默认给三个轴 单位：数字，可以为小数，不可以为负数
scaleX() scaleY() scaleZ()	缩放宽度 缩放高度 缩放厚度
rotate(x,y,z)	旋转	默认给z轴 单位：度数deg
rotateX() rotateY() rotateZ()	水平旋转 垂直旋转 中心点旋转
skew(x,y)	扭曲	默认给x轴 单位：度数deg
skewX() skewY()	水平扭曲 垂直扭曲

过度

过度-transition	解释	说明
transition-property	指定要过度的css属性	all所有、none不指定
transfrom-duration	过渡时间	单位：秒数s，可以为小数
transfrom-timing-function	动画类型	linear线性、ease平滑 ease-in由慢到快 ease-out由快到慢 ease-in-out由慢到快再到慢
transfrom-dalay	延迟时间	单位：秒数s，可以为小数

自定义动漫

动漫-animation	解释	说明
animation-name	定义动漫名字
animation-duration	动画时间	单位：秒数s，可以为小数
animation-timing-function	动画类型
animation-delay	延迟时间	单位：秒数s，可以为小数
animation-iteration-count	循环次数	单位：数字，默认一次 ，infinite无限
animation-direction	是否反向运行	normal正常、alternate与反向交替，必须循环次数大于2
animation-play-state	动画状态	running运动、paused停止
animation-fill-mode	动画时间之外的状态	none无、forwards结束位置、backwards开始位置(默认)

不知道是啥东西

执行动画
@keyframes 动画名称{
方法一：
from{}
to{}
方法二：
0%{}
100%{}
}