transition-property属性的使用方法

transition-property属性的使用方法？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！

成都创新互联公司是一家专注于成都网站设计、网站制作与策划设计,江津网站建设哪家好?成都创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:江津等地区。江津做网站价格咨询:13518219792

transition-property属性是用于指定应用过渡效果的 CSS 属性的名称；当指定的 CSS 属性发生改变时，过渡效果将开始。

CSS3  transition-property属性

作用：transition-property 属性规定应用过渡效果的 CSS 属性的名称。（当指定的 CSS 属性改变时，过渡效果将开始）。

提示：过渡效果通常在用户将鼠标指针浮动到元素上时发生。

语法：

transition-property: none|all|property;

none：没有属性会获得过渡效果。

all：所有属性都将获得过渡效果。

property：定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。

注：需要始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。

CSS3  transition-property属性的使用示例

请把鼠标指针移动到红色的 div 元素上，查看过渡效果。
width属性发生变化：

height属性发生变化：

注释：本例在 Internet Explorer 中无效。

效果图：

感谢各位的阅读！看完上述内容，你们对transition-property属性的使用方法大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联行业资讯频道。