CSS3属性transition
2016-08-05 21:00
232 查看
CSS3 Transitions 指定过渡
语法:
transition: property duration timing-function delay;
参数一:
transition-property : 规定应用过渡效果的CSS属性的名称。
none:没有属性会获得过渡效果。
all:所有属性会获得过渡效果。
property:指定过渡效果的CSS属性,列表以逗号分隔。
参数二:
transition-duration:过渡时间。
time:以秒或毫秒为单位。
参数三:
transition-timing-function:规定过渡效果的速度曲线。
参数四:
transition-delay:定义过渡效果何时开始。
time:规定在过渡效果开始之前需要等待的时间,以秒或毫秒为单位。
代码:
效果:
语法:
transition: property duration timing-function delay;
参数一:
transition-property : 规定应用过渡效果的CSS属性的名称。
none:没有属性会获得过渡效果。
all:所有属性会获得过渡效果。
property:指定过渡效果的CSS属性,列表以逗号分隔。
参数二:
transition-duration:过渡时间。
time:以秒或毫秒为单位。
参数三:
transition-timing-function:规定过渡效果的速度曲线。
参数四:
transition-delay:定义过渡效果何时开始。
time:规定在过渡效果开始之前需要等待的时间,以秒或毫秒为单位。
代码:
效果:
相关文章推荐
- 纯css3设计下拉菜单
- css+html中字体样式改变
- 响应式布局-v1.0
- H5学习之25 CSS 给图片增加框 透明度的设置
- CSS3中的transform详解
- CSS3中的transition属性详解
- AlertDialog自定义样式
- CSS-相對于父元素絕對定位
- 手机wap页面底部固定条(html+css)
- css3 position:sticky 固定导航平滑过渡
- 服务器控件单选,多选和表格样式冲突,多边框
- HTML+CSS+JQ实现图片轮播效果
- 百度前端笔试题 css3画三角形
- CSS边框与背景[下]
- H5学习之24 CSS定位
- 手机wap端用户注册表单(html+css)
- html中的css样式
- H5学习之23 CSS 水平对齐(定位,调整位置)
- css基础重要几点
- css之IE透明度