#bodydiv
{
   background-image: -webkit-linear-gradient(left bottom, #78574A 11%, #F0591D 68%);

   background-image: -webkit-gradient(
      linear,
      left bottom,
      right top,
      color-stop(0.11, #78574A),
      color-stop(0.68, #F0591D)
   );
}
#loginbox
{
   background-image: -webkit-linear-gradient(left bottom, #1C369A 11%, #4F96CD 68%);

   background-image: -webkit-gradient(
      linear,
      left bottom,
      right top,
      color-stop(0.11, #1C369A),
      color-stop(0.68, #4F96CD)
   );
   -webkit-animation: loginbox 2s;
   -webkit-animation-delay:0s;
   -webkit-animation-iteration-count: 1;
   -webkit-animation-direction:alternate;
   -webkit-animation-play-state:running;
}

@-webkit-keyframes loginbox
{
   0% {-webkit-transform: rotateY(-90deg);}
   100% {-webkit-transform: rotateY(0deg);}
}