标题
转换、过渡、动画(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为逻辑关键词,多个设备用逗号分隔