////////动画////////
//@keyframes myfirst
//{
//    0%   {background: red;}
//    25%  {background: yellow;}
//    50%  {background: blue;}
//    100% {background: green;}
//}
//
//@-moz-keyframes myfirst // Firefox
//{
//    0%   {background: red;}
//    25%  {background: yellow;}
//    50%  {background: blue;}
//    100% {background: green;}
//}
//
//@-webkit-keyframes myfirst // Safari 和 Chrome
//{
//    0%   {background: red;}
//    25%  {background: yellow;}
//    50%  {background: blue;}
//    100% {background: green;}
//}
//
//@-o-keyframes myfirst // Opera
//{
//    0%   {background: red;}
//    25%  {background: yellow;}
//    50%  {background: blue;}
//    100% {background: green;}
//}

//div{
//    animation-name: myfirst;
//    animation-duration: 5s;
//    animation-timing-function: linear | ease | ease-in | ease-out | ease-in-out | cubic-bezier(n,n,n,n);n为0-1
//    animation-delay: 2s;
//    animation-iteration-count: n | infinite;
//    animation-direction: normal | alternate;
//    animation-play-state: paused | running;
//    animation-fill-mode: none | forwards | backwards | both;
//    //Firefox:
//    -moz-animation-name: myfirst;
//    -moz-animation-duration: 5s;
//    -moz-animation-timing-function: linear;
//    -moz-animation-delay: 2s;
//    -moz-animation-iteration-count: infinite;
//    -moz-animation-direction: alternate;
//    -moz-animation-play-state: running;
//    //Safari 和 Chrome:
//    -webkit-animation-name: myfirst;
//    -webkit-animation-duration: 5s;
//    -webkit-animation-timing-function: linear;
//    -webkit-animation-delay: 2s;
//    -webkit-animation-iteration-count: infinite;
//    -webkit-animation-direction: alternate;
//    -webkit-animation-play-state: running;
//    //Opera:
//    -o-animation-name: myfirst;
//    -o-animation-duration: 5s;
//    -o-animation-timing-function: linear;
//    -o-animation-delay: 2s;
//    -o-animation-iteration-count: infinite;
//    -o-animation-direction: alternate;
//    -o-animation-play-state: running;
//}