CSS note

http://www.w3schools.com/cssref/css_animatable.asp

#myDIV {
 width: 300px;
 height: 200px;
 background: red;
 -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
 animation: mymove 5s infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
 from {background-color: red;}
 to {background-color: blue;}
}

/* Standard syntax */
@keyframes mymove {
 from {background-color: red;}
 to {background-color: blue;}
}

Gradually change the background-color from red, to blue:

新着記事