Showing posts with label Css. Show all posts
Showing posts with label Css. Show all posts

Transform -css

.cloud-forward {
    -webkit-animation: slide-forward 30s ease-in-out infinite;
    -moz-animation: slide-forward 30s ease-in-out infinite;
    animation: slide-forward 30s ease-in-out infinite;
}

@-moz-keyframes slide-forward {
    0% {-moz-transform: translateX(0px); }
    50% {-moz-transform: translateX(400px); }
    100% {-moz-transform: translateX(0px); }
}
@-webkit-keyframes slide-forward {
    0% {-webkit-transform: translateX(0px); }
    50% {-webkit-transform: translateX(400px); }
    100% {-webkit-transform: translateX(0px); }
}
@keyframes slide-forward {
    0% {transform: translateX(0px); }
    50% {transform: translateX(400px); }
    100% {transform: translateX(0px); }
}