189 8069 5689

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属性的使用方法

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


网页标题:transition-property属性的使用方法
文章网址:http://cdxtjz.cn/article/gddosj.html

其他资讯