注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{'coding': 'life'}

          I want to be a geek

 
 
 

日志

 
 
 
 

每天学习  

2012-01-05 23:40:10|  分类: 前端 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
                                                               ---css3 transition
今天在豆瓣上看到了“transition”整个css3属性,英语比较差劲哈,有道翻译了下是:过渡的意思,看了下

Definition and Usage

The transition property is a shorthand property for the four transition properties:

transition-property, transition-duration, transition-timing-function, and transition-delay.

Note: Always specify the transition-duration property, otherwise the duration is 0, and the transition will have no effect.

Default value:all 0 ease 0
Inherited:no
Version:CSS3
JavaScript syntax:object.style.transition="width 2s"


Syntax

transition: property duration timing-function delay;

其实也挺简单的,就是让一个html元素翻转,四个值:属性,持续时间,时序函数,延迟
浏览器的支持情况:
ff4:-moz-transition
wekit内核的sarfari和chrome是:-wekit-transition
opera是:-o-transition
可使用的值有:transition: (width | height) (时间值,以s为单位) (linear|ease|ease-in|ease-out|ease-in-out|cubic-bezier(n,n,n,n);) (时间值,以s为单位);
现写这么多吧,回头在完善,好累了....还得继续工作呢...每天学习 - Apple Green - Apple Green
  评论这张
 
阅读(134)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017