过渡属性

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:倾斜

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值