body{
  background-color:#000;
  background:url(http://stathis-nikolaidis.com/images/bg3.png) bottom #000;
  -webkit-animation: myfirst 4s infinite alternate; /* Chrome, Safari, Opera */
  -moz-animation: myfirst 4s infinite alternate;/* Mozilla 5.0 */
  -o-animation: myfirst 4s infinite alternate;/* Opera 12.0 */
  animation: myfirst 4s infinite alternate;
  
}

/* Standard syntax */
@keyframes myfirst {
  0%   {background-color:#000;}
  100%   {background-color:#fdd42f;background-position: top;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
  0%   {background-color:#000;}
  100%   {background-color:#fdd42f;background-position: top;}
}

/* Mozilla 5.0 */
@-moz-keyframes myfirst {
  0%   {background-color:#000;}
  100%   {background-color:#fdd42f;background-position: top;}
}

/* Opera 12.0 */
@-o-keyframes myfirst {
  0%   {background-color:#000;}
  100%   {background-color:#fdd42f;background-position: top;}
}
/*

Moving Background

I needed a moving background for my personal website (stathis-nikolaidis.com) and my blog, so i coded this by using css3 animation property!

For more chech out blog.stathis-nikolaidis.com

*/

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.