不设置transtion-property效果也一样啊

transtion-property这个属性的意义何在

小黍

2016-12-20

源自：十天精通CSS3 8-7

关注问题我要回答

1343

操作

收起

3 回答

hello_1128 回答被采纳 +3 积分
2016-12-23

因为hover里面只设置了width的值，所以默认就改变width，不需要你特定指定。但是如果你在hover里面同样改变了height 就会发现如果你不指定transtion-property属性值为width的话。就会宽高都一起变化。但是指定了transtion-property属性值为width 那么只会动态的改变宽。

3 回复有任何疑惑可以回复我~

#1

小黍提问者

非常感谢！

2016-12-24 回复有任何疑惑可以回复我~

#2

慕码人1183263

我觉得应该不是这样的，不止只会改变transition-property设置的值，hover中设置的值都会改变；应该是如下面讲的，不设置transition-propery的话，不会产生过度效果，很生硬直接变

2017-03-09 回复有任何疑惑可以回复我~

#3

qq_Material_0 回复慕码人1183263

height的前提下，若设置hover下的height，height的变化会生硬直接

2018-08-17 回复有任何疑惑可以回复我~

云彩无色3804005
2017-02-12

不设置transtion-property,不会产生过渡效果，很生硬直接变，你仔细观察下

1 回复有任何疑惑可以回复我~

ThinkAll
2016-12-21

transition-property用来指定过渡动画的CSS属性名称，而这个过渡属性只有具备一个中点值的属性。

0 回复有任何疑惑可以回复我~

#1

小黍提问者

能说得通俗易懂一点吗你这句话是课程中的原话我理解不了才提问的

2016-12-21 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

参与学习 242633 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

本课相似问答

3 回答没效果啊，非ie也没效果啊

2 回答为什么设置150px 3; 和设置成100px 3 的效果是一样的？

3 回答transition-property例子看不出什么效果。去掉了也差不多

5 回答这样设置也可以

2 回答为什么多设置几个span，动画效果不一样，一个比一个更远更大范围？

搜索更多本课相关问答

不设置transtion-property效果也一样啊

我要回答关注问题

意见反馈帮助中心 APP下载