transition,transform

transition,transform

transition里面的all什么意思啊,可以写个小例子给我看看transition怎么用的不,transform里面的translateX(-120%),是不是相对X轴左移动input长度的百分之120?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
小丸子爱吃菜 2018-04-04 10:43:20

transition 属性是一个简写属性,用于设置四个过渡属性:

transition-property

transition-duration

transition-timing-function

transition-delay

所以,transition在设置transition-duration属性的情况下,会产生过渡效果。

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

所以,transform属性只对元素进行变换,不会产生过渡效果。

如若还有问题,请新建一个问答去提问,不要盖楼~

祝学习愉快!


小丸子爱吃菜 2017-11-01 09:45:58

1、transition属性中的一个参数规定设置过渡效果的 CSS 属性的名称。所以all就是名称。

2、transform: translateX(-120%)是指:把元素沿着横向(x轴)移动自身宽度的120%,一般是从左侧为开始点也就是0点。而数值是-120%,所以是从它自身的最左边的0点向左移动自身宽度的120%。

祝学习愉快!

  • transition和transform有什么关系吗?是不是设置了transition才会有动画效果的?
    2018-04-04 10:11:08
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师