热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

csstransitionproperty属性怎么用

csstransition-property属性用于规定应用过渡效果的CSS属性的名称,其语法是transition-property:none|all|property;过渡效果通常在用户将鼠标指针浮动到元素上时发生。
css transition-property属性用于规定应用过渡效果的CSS属性的名称,其语法是transition-property: none|all|property;过渡效果通常在用户将鼠标指针浮动到元素上时发生。

css transition-property属性怎么用?

作用:transition-property 属性规定应用过渡效果的 CSS 属性的名称。(当指定的 CSS 属性改变时,过渡效果将开始)。提示:过渡效果通常在用户将鼠标指针浮动到元素上时发生。

语法:

transition-property: none|all|property;

说明:

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

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

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

注释:请始终设置 transition-duration 属性,否则时长为 0,就不会产生过渡效果。

css transition-property属性使用示例






请把鼠标指针移动到蓝色的 div 元素上,就可以看到过渡效果。

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

效果输出:

以上就是css transition-property属性怎么用的详细内容,更多请关注其它相关文章!


推荐阅读
author-avatar
傻瓜等傻子
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有