css3里面的-webkit-transition
2016-07-08 14:57
459 查看
css3里面的-webkit-transition
(1)-webkit-transition-timing-function 可以定义动画的变化时间曲线-webkit-transition-timing-function: ease-out ,cubic-bezier(x1,y1,x2,y2);
(2)-webkit-transition-property指定发生变化的属性
-webkit-transition-property: opacity;
(3)-webkit-transition-duration制定发生变化的时间
-webkit-transition-duration: 2s;
(4)-webkit-transition-delay 指定在变换开始之前的时间延迟
-webkit-transition-delay:100ms
比如说:
-webkit-transition: opacity 500ms ease-out 100ms;
与其对应的参数是:
参数分别为 property,duration,timing-function,delay
相关文章推荐
- CSS让脚部始终在页面底部
- css的hack
- CSS3 涟漪效果
- Css3 - Animation Examples
- CSS3中的transform变形
- 用css写出一个小三角形图标
- 一个简单的TabItem样式。
- css3中边框的4种样式
- 欢迎使用CSDN-markdown编辑器
- HTML&CSS基础学习笔记1.9-添加图片
- HTML/CSS 快速编写必备 - emmet插件
- 改变 input file 样式的两种方法
- CSS:span元素margin-top无效的根源
- CSS教程:div垂直居中的N种方法[转]
- CSS3中背景的四个新的属性
- CSS样式选中子元素中的某一个
- (谷歌浏览器等)解决css中点击input输入框时出现外边框方法【outline:medium;】
- CSS强制等比例缩小图片
- CSS将图片自动变为圆角
- css实现强制不换行/自动换行/强制换行