过渡,平移 ,缩放 ,旋转, 倾斜

过渡效果:
transition: background-color 2s; transition: background-color 0.5s,width 5s,height 4s;
transition:过渡属性,过渡时间,时间曲线,延迟时间; 过渡属性:all所有的属性都要变换 过渡时间:单位s 0s单位可以省略 时间曲线:ease(默认,慢-快-慢)linear(匀速) 延迟时间:延后多少开始变换

			/*用了5s的时间把盒子的背景颜色从pink变成了green*/
			/*all:所有的,全部*/
			/*ease:默认,慢.快.慢*/
			/*ease-in:低速开始*/
			/*ease-out:低速结束*/
			/*linear:匀速.变换*/

translate():平移(位移) 一个值:只位移x轴 两个值:第一个值位移x轴,第二个值位移y轴 translateY():Y轴位移 translateX():X轴位移
不会影响其他元素的位置; 对行内标签没有效果
transform:translate
scale(n)缩放
一个值:宽高同时缩放
两个值:第一值缩放宽高,第二值缩放高度

			rotate():旋转,单位度数deg
			 正数:顺时针旋转.
			 负数:逆时针旋转.
			 skew:倾斜,单位:度deg
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值