Css Animation

css-animation.png

Chromeの場合の注意

こういう一気に書く書き方だとChromeで効かなかった

body {
  background-color: #e74c3c;
  animation: bg-color 10s infinite;
  -webkit-animation: bg-color 10s infinite;
}

こっちだとうまくいった
body {
    background-color: #e74c3c;
    animation: animename 10s infinite;
    -webkit-animation-name: animename;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
}

animation

サポートサイト Wikidot.com animation