CSS3によるanimation

bg-color部分はIDなので自由な文字を設定できる。
0%と50%を同じ色にしないと急に色が変わったようになってしまうので、注意すること！
rgbaによる透過指定もできる。

body{
  background: #C6F;
  -webkit-animation: bg-color 10s infinite;
/*  --moz-animation: bg-color 10s infinite;*/
  animation: bg-color 10s infinite;
/*bg^colorはIDなので自由に設定できる*/
}
@-webkit-keyframes bg-color{
  0%  {background-color: #C6F;}
  50%  {background-color: #FC3;}
  100%  {background-color: #C6F;}

@keyframes bg-color{
  0%  {background-color: #C6F;}
  50%  {background-color: #FC3;}
  100%  {background-color: #C6F;}
/*0%と100%は同じ色にする。そうしないと
急に色が切り替わる*/
}

午前中は昨日の.htaccsessを使用したスマホ対応の続きを作成した。