animation <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>animation</title><style> .animation { 50px; height:50px; border:1px solid black; -moz-animation-name:animate2; -moz-animation-duration:3s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; -moz-animation-direction:alternate; -webkit-animation-name:animate2; -webkit-animation-duration:3s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate; } @-moz-keyframes animate2{ from{ background:red; } to{ background:blue; } } @-webkit-keyframes animate2{ from{ background:red; } to{ background:blue; } } </style></head><body><div class="animation"><br /></div></body></html>