>首页> IT >

css3过渡属性有几种

时间:2022-03-18 16:56:40       来源:PHP中文网

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS 过渡允许您在给定的时间内平滑地改变属性值。

css3过渡属性有5种:

属性描述CSS
transition简写属性,用于在一个属性中设置四个过渡属性。3
transition-property规定应用过渡的 CSS 属性的名称。3
transition-duration定义过渡效果花费的时间。默认是 0。3
transition-timing-function规定过渡效果的时间曲线。默认是 "ease"。3
transition-delay规定过渡效果何时开始。默认是 0。3

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。

要实现这一点,必须规定两项内容:

指定要添加效果的CSS属性

指定效果的持续时间。

示例:

 

鼠标移动到 div 元素上,查看过渡效果。

注意: 过渡效果需要等待两秒后才开始。

(学习视频分享:css视频教程、web前端)

以上就是css3过渡属性有几种的详细内容,更多请关注php中文网其它相关文章!

关键词: 过渡效果 相关文章 视频教程