100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 转换 过渡 动画(css属性) 媒体查询

转换 过渡 动画(css属性) 媒体查询

时间:2018-11-27 11:58:38

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。