DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> 我的第一個css3 動畫代碼
我的第一個css3 動畫代碼
編輯:CSS特效代碼     
@-webkit-keyframes myfirst{
  0%  {background: red}
  50% {background: blue}
  100%{background: orange}
}
@keyframes myfirst{
  0%  {background: red}
  50% {background: blue}
  100%{background: orange}
}

#myfirst{
  -webkit-animation-name: myfirst;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  animation-name: myfirst;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
#myfirst{
  width:100px;
  height:100px;
}

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved