.rotate-1
{
-webkit-transform: rotate(-2.5deg); /* Saf3.1+, Chrome */
-moz-transform: rotate(-2.5deg); /* FF3.5+ */
-ms-transform: rotate(-2.5deg); /* IE9 */
-o-transform: rotate(-2.5deg); /* Opera 10.5 */
transform: rotate(-2.5deg);
zoom: 1;
}
/*
Start button reflection. Prefered to the JS version as CSS
uses h/w acceleration
**/
@-webkit-keyframes btn /* Safari and Chrome */
{
from
{
background-position-x: 140px;
}
to
{
background-position-x: 495px;
}
}
@-ms-keyframes btn /* IE */
{
from
{
background-position-x: 140px;
}
to
{
background-position-x: 495px;
}
}
@-moz-keyframes btn /* Firefox */
{
from { background-position: 140px 50%; } to { background-position: 495px 50%; }
}
@keyframes btn /* Standard */
{
from
{
background-position-x: 140px;
}
to
{
background-position-x: 495px;
}
}
/* End of Start button reflection */
/*
Start search field animation.
**/
@-webkit-keyframes srch /* Safari and Chrome */
{
from
{
background-color: 140px;
}
to
{
background-position-x: 495px;
}
}
/* End of search field animation */
/*
Page animation
**/
@-webkit-keyframes page /* Safari and Chrome */
{
from
{
left: 780px;
}
to
{
left: 0px;
}
}
@-ms-keyframes page /* IE */
{
from
{
left: 780px;
}
to
{
left: 0px;
}
}
@-moz-keyframes page /* Firefox */
{
from
{
left: 780px;
}
to
{
left: 0px;
}
}
@keyframes page /* Standard */
{
from
{
left: 780px;
}
to
{
left: 0px;
}
}
/* End of page(s) animation */
/*
Progress bar animation
**/
@-webkit-keyframes progress /* Safari and Chrome */
{
from
{
width: 0;
}
to
{
width: 100%;
}
}
@-ms-keyframes progress /* IE */
{
from
{
width: 0;
}
to
{
width: 100%;
}
}
@-moz-keyframes progress /* Firefox */
{
from
{
width: 0;
}
to
{
width: 100%;
}
}
@keyframes progress /* Standard */
{
from
{
width: 0;
}
to
{
width: 100%;
}
}
.animate-progress
{
-webkit-animation: progress 4.8s; /* Safari and Chrome */
-ms-animation: progress 4.8s; /* MS */
-moz-animation: progress 4.8s; /* Firefox */
animation: progress 4.8s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-ms-animation-timing-function: linear;
-ms-animation-iteration-count: infinite;
-ms-animation-direction: normal;
-ms-animation-play-state: running;
-ms-animation-fill-mode: forwards;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
animation-fill-mode: forwards;
}
/* End of page(s) animation */