transition:过渡属性 过渡时间 过渡效果 何时开始
1.transition-property:规定过渡的css属性名称:all:所有属性。transfomc:变形。
color等等。
2.transition-duration:过渡花费的时间 单位:.3s:0.3秒
3.transition-timing-function:过渡效果的时间曲线:ease:默认。慢-快-慢。linear:匀速。ease-in:低速开始。ease-out:低速结束。ease-in-out:低速开始和结束。
4.transition-delay:过渡从何时开始 单位!1s:1秒后开始动画
translate():平移(位移):
一个值:只位移x轴
连两个值:第一个值位移x轴,第二个值位移y轴
translateY():Y轴位移
translateX():X轴位移
(注意:不会影响其他元素的位置;
对行内标签没有效果。)
scale(n):缩放
一个值:宽高同时缩放
两个值:第一个值缩放宽度,第二值缩放高度
transform:(-1,-0.5);
rotate():旋转,单位度数deg
正数:顺时针旋转
负数:逆时针旋转
skew:倾斜
过渡属性
最新推荐文章于 2024-03-18 21:52:36 发布