CSS3 transition 属性
来源:互联网 发布:单片机 位 越多 编辑:程序博客网 时间:2024/05/22 06:25
实例
把鼠标指针放到 div 元素上,其宽度会从 100px 逐渐变为300px:
div
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari 和Chrome */
-o-transition: width 2s; /* Opera */
}
浏览器支持
IE Firefox Chrome Safari Opera
Internet Explorer 10、Firefox、Opera和 Chrome支持 transition属性。
Safari 支持替代的 -webkit-transition属性。
注释:Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。
定义和用法
transition 属性是一个简写属性,用于设置四个过渡属性:
transition-property
transition-duration
transition-timing-function
transition-delay
语法
transition: property duration timing-function delay;
值 描述
transition-property 规定设置过渡效果的 CSS 属性的名称。
transition-duration 规定完成过渡效果需要多少秒或毫秒。
transition-timing-function 规定速度效果的速度曲线。
transition-delay 定义过渡效果何时开始。
- CSS3的transition属性
- CSS3 - Transition属性详解
- css3的transition属性
- CSS3 transition 属性
- 【笔记】CSS3 transition属性
- CSS3 transition 属性
- CSS3 transition 属性
- css3中transition属性
- 理解CSS3属性transition
- CSS3 transition 属性
- CSS3过渡属性transition
- CSS3 -webkit-transition(属性渐变)
- css3的transition属性详解
- 详解css3系列:transition属性
- CSS3中的Transition属性详解
- css3笔记--transition相关属性
- CSS3中的Transition属性详解
- CSS3 transition-timing-function 属性
- 康托展开以及逆展开
- Python学习第一天感悟--语法与java之间的区别
- var a=10, b=20 , c=30;
- Windows系统下如何安装Python以及对应pygame
- Eclipse环境变量的配置过程
- CSS3 transition 属性
- 3:JAVA一些语法规则
- python机器学习---用贝叶斯算法实现垃圾邮件分类预测
- JAVA 猜拳游戏
- HTML5概述
- 自己总结的eclipse快捷键
- AB1601的波特率注意事项
- 是的冯绍峰
- IPC之AIDL