CSS3 transition 属性
来源:互联网 发布:网吧三层更新软件 编辑:程序博客网 时间:2024/05/21 19:48
http://www.w3school.com.cn/cssref/pr_transition.asp
element.style {
}
.nav a:hover, .nav .nav_z {
}
.nav a {
}
CSS3 transition 属性
CSS 参考手册
实例
把鼠标指针放到 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 */}
亲自试一试
浏览器支持
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-duration 属性,否则时长为 0,就不会产生过渡效果。
0 0
- 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 属性
- dede 搜索下拉选框 某一个分类栏目
- 织梦导航外部链接栏目在新窗口中打开的方法
- 织梦dede让频道自动跳转到第一个子栏目
- JavaScript String(字符串)对象 实例
- 如何在网页上显示一个钟表。
- CSS3 transition 属性
- WINDOWS系统桌面右键属性中的桌面选项打不开
- 再谈淘宝客PID被劫持之事! [复制链接]
- 请问中文姓氏的拼音翻译成英文有何规律?
- PHP进阶:cookie的删除与过期时间
- Apache VirtualHost配置
- Java day07内部类到匿名内部类
- 奉献祖传风湿病产后风偏方【绝非广告】
- 治疗风湿痹痛的祖传中药秘方
原创粉丝点击
热门IT博客
热门问题
老师的惩罚
人脸识别
我在镇武司摸鱼那些年
重生之率土为王
我在大康的咸鱼生活
盘龙之生命进化
天生仙种
凡人之先天五行
春回大明朝
姑娘不必设防,我是瞎子
大堂装修效果图
大堂经理和柜员哪个好
银行大堂经理是正式工吗
酒店大堂沙发
酒店大堂快题设计
酒店大堂经理
大京城堡旅游
大堤拼音
大堤的拼音
大堤
洋馆坪大堤
三元村大堤
大堤的意思
洋馆坪大堤旅游
果果塘大拐弯旅游
大塘附近的医院
广州大塘
大塘地铁站
大塘镇
大境门
都市之秘境大爆炸
魔兽世界大秘境
金地悦城大境
大境门旅游
兰亭大境是属于哪个区
斗破之无上之境大结局
中大易墅二手房
秦公一号大墓
血渭一号大墓
新干大墓
大荔八鱼石墓博物馆
靖安大墓
淇河大墓攻略
从海底墓开始签到 姬家大少
大墓有灵
百墓大三角
我有一个洪荒大墓
跨越星弧淇河大墓攻略
玄幻我有一个洪荒大墓书林
莲花生大士
大马士革钢