转换、过渡、动画（css属性）、媒体查询

标题

转换、过渡、动画（css属性）
。。。无透视，不3D

转换：
transform

		translate(X轴,Y轴)    -------平移效果
		scale(X轴，Y轴) --------放大或者缩小
		rotate(角度)  -------旋转
		skew(X轴，Y轴)  -----------倾斜

transform-origin() -------以某个原点进行转化
perspective ------设置观察者的位置
perspective-origin --------改变观察者的基准点
transform-style -------------设置转化的3D效果

过渡：
transition

transition-property 过渡属性
transition-duration 过渡时间
transition-timing-function 过渡的效果
transition-delay 延迟过渡

动画：
Animation

@keyframes 创建动画
animation-name 调用动画名称
animation-duration 动画的时间
animation-timing-function 动画的效果
animation-delay 动画的延迟
animation-iteration-count  动画的次数
animation-direction  动画缓动的方向
animation-play-state  停止动画
animation-fill-mode  动画时间之外的状态

媒体查询

@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules}

选取条件

字符以空格相连，选取条件在小括号内，sRules为样式表在花括号中，only,not,and为逻辑关键词，多个设备用逗号分隔