Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @-webkit-keyframes collage {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 100% {
- -webkit-transform: translate3d(-1800px, 0, 0);
- -moz-transform: translate3d(-1800px, 0, 0);
- -ms-transform: translate3d(-1800px, 0, 0);
- -o-transform: translate3d(-1800px, 0, 0);
- transform: translate3d(-1800px, 0, 0);
- }
- }
- @-moz-keyframes collage {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 100% {
- -webkit-transform: translate3d(-1800px, 0, 0);
- -moz-transform: translate3d(-1800px, 0, 0);
- -ms-transform: translate3d(-1800px, 0, 0);
- -o-transform: translate3d(-1800px, 0, 0);
- transform: translate3d(-1800px, 0, 0);
- }
- }@-ms-keyframes collage {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 100% {
- -webkit-transform: translate3d(-1800px, 0, 0);
- -moz-transform: translate3d(-1800px, 0, 0);
- -ms-transform: translate3d(-1800px, 0, 0);
- -o-transform: translate3d(-1800px, 0, 0);
- transform: translate3d(-1800px, 0, 0);
- }
- }
- @keyframes collage {
- 0% {
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- }
- 100% {
- -webkit-transform: translate3d(-1800px, 0, 0);
- -moz-transform: translate3d(-1800px, 0, 0);
- -ms-transform: translate3d(-1800px, 0, 0);
- -o-transform: translate3d(-1800px, 0, 0);
- transform: translate3d(-1800px, 0, 0);
- }
- }
- #collage {
- position: relative;
- height: 500px;
- width: 100%;
- max-width: inherit;
- overflow: hidden;
- }
- #collage .photos {
- position: absolute;
- height: 100%;
- width: 5400px;
- background: transparent url(../images/collage.jpg) repeat-x left top;
- -webkit-transform: translate3d(0, 0, 0);
- -moz-transform: translate3d(0, 0, 0);
- -ms-transform: translate3d(0, 0, 0);
- -o-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
- -webkit-animation: collage 60s linear infinite;
- -moz-animation: collage 60s linear infinite;
- -ms-animation: collage 60s linear infinite;
- animation: collage 60s linear infinite;
- }
Advertisement
Add Comment
Please, Sign In to add comment