码迷,mamicode.com
首页 > Web开发 > 详细

css3的属性

时间:2018-09-08 10:30:30      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:ack   origin   run   form   function   css3   ota   一个   stat   

transition(过渡动画)
transition:过渡的属性名字(transition-property) 过渡的时长(transition-duration) 过渡的曲线(transition-timing-function) 延时(transtion-delay)


transform
transition-timing-function:
linear(匀速的)
ease(慢快慢)
ease-in(慢速开始)
ease-out(慢速结束)
ease-in-out(慢速开始慢速结束)
1、位移
translate(x,y):x:x轴的坐标点 y:y轴的坐标点的位置
translate3d(x,y,z)x:x轴的坐标点 y:y轴的坐标点的位置 z:z轴坐标点的位置
translateX(x):x轴的坐标点
translateY(y):y轴的坐标点
translateZ(z):z轴的坐标点
2.缩放
scale(x,y)
scale(x,y,z)
scaleX(x)
scaleY(y)
scaleZ(z)
3.旋转
rotate(ang)ang:角度
rotate3d(x,y,z,ang)
rotateX(x)
rotateY(y)
rotateZ(z)
4.transform-origin:50% 50% 0
5.倾斜
skew(xang,yang)
skewX(xang)
skewY(yang)
6.backface-visibility:
visible:背面是可见的
hidden:背面是不可见的
@keyrames name{
0%{css样式}
50%{css样式}
100%{css样式}
}
animation:name动画时长 动画曲线 延迟 动画播放次数(animation-iteration-count:infinite)//infinite无限循环 是否轮流反向播放(alternate//反向播放)
animation-play-state:
paused规定动画已暂停
running//规定动画正在播放
animation-fill-mode:none|forwards|backwards|both;
forwards:当动画完成后,保持最后一个属性值

css3的属性

标签:ack   origin   run   form   function   css3   ota   一个   stat   

原文地址:https://www.cnblogs.com/mapsxy/p/9607961.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!