淡入特效代码,Css代码库,德仔网

代码语言

代码分类

【Css】淡入特效

作者:青柠柚子 / 发布于2013/11/28/ 580

@keyframes fade-in { 
  0% {opacity: 0;}/*初始状态 透明度为0*/ 
  40% {opacity: 0;}/*过渡状态 透明度为0*/ 
  100% {opacity: 1;}/*结束状态 透明度为1*/ 
} 
@-webkit-keyframes fade-in {/*针对webkit内核http://www.newsky365.com/*/ 
  0% {opacity: 0;} 
  40% {opacity: 0;} 
  100% {opacity: 1;} 
} 
#content { //换为自己主题的区域ID 
  animation: fade-in;/*动画名称*/ 
  animation-duration: 1.5s;/*动画持续时间*/ 
  -webkit-animation:fade-in 1.5s;/*针对webkit内核*/ 
}



#sidebar {  
  animation: fade-in; 
  animation-duration: 4s; 
  -webkit-animation:fade-in 1.5s; 
}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　淡入特效　

同语言下

可能有用的

青柠柚子贡献的其它代码(2)