Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /** animation CODROPS */
- .cb-slideshow,
- .cb-slideshow:after {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0px;
- left: 0px;
- z-index: 0;
- }
- .cb-slideshow:after {
- content: '';
- background: transparent url(backgrounds/pattern.png) repeat top left;
- }
- .cb-slideshow li span {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0px;
- left: 0px;
- color: transparent;
- background-size: cover;
- background-position: 50% 50%;
- background-repeat: none;
- opacity: 0;
- z-index: 0;
- -webkit-backface-visibility: hidden;
- -webkit-animation: imageAnimation 36s linear infinite 0s;
- -moz-animation: imageAnimation 36s linear infinite 0s;
- -o-animation: imageAnimation 36s linear infinite 0s;
- -ms-animation: imageAnimation 36s linear infinite 0s;
- animation: imageAnimation 36s linear infinite 0s;
- }
- .cb-slideshow li:nth-child(1) span {
- background-image: url(../backgrounds/A.jpg)
- }
- .cb-slideshow li:nth-child(2) span {
- background-image: url(../backgrounds/B.jpg);
- -webkit-animation-delay: 6s;
- -moz-animation-delay: 6s;
- -o-animation-delay: 6s;
- -ms-animation-delay: 6s;
- animation-delay: 6s;
- }
- .cb-slideshow li:nth-child(3) span {
- background-image: url(../backgrounds/C.jpg);
- -webkit-animation-delay: 12s;
- -moz-animation-delay: 12s;
- -o-animation-delay: 12s;
- -ms-animation-delay: 12s;
- animation-delay: 12s;
- }
- .cb-slideshow li:nth-child(4) span {
- background-image: url(../backgrounds/D.jpg);
- -webkit-animation-delay: 18s;
- -moz-animation-delay: 18s;
- -o-animation-delay: 18s;
- -ms-animation-delay: 18s;
- animation-delay: 18s;
- }
- .cb-slideshow li:nth-child(5) span {
- background-image: url(../backgrounds/E.jpg);
- -webkit-animation-delay: 24s;
- -moz-animation-delay: 24s;
- -o-animation-delay: 24s;
- -ms-animation-delay: 24s;
- animation-delay: 24s;
- }
- .cb-slideshow li:nth-child(6) span {
- background-image: url(../backgrounds/F.jpg);
- -webkit-animation-delay: 30s;
- -moz-animation-delay: 30s;
- -o-animation-delay: 30s;
- -ms-animation-delay: 30s;
- animation-delay: 30s;
- }
- .cb-slideshow li:nth-child(7) span {
- background-image: url(../backgrounds/G.jpg);
- -webkit-animation-delay: 36s;
- -moz-animation-delay: 36s;
- -o-animation-delay: 36s;
- -ms-animation-delay: 36s;
- animation-delay: 36s;
- }
- .cb-slideshow li:nth-child(8) span {
- background-image: url(../backgrounds/H.jpg);
- -webkit-animation-delay: 42s;
- -moz-animation-delay: 42s;
- -o-animation-delay: 42s;
- -ms-animation-delay: 42+6
- s;
- animation-delay: 30s;
- }
- .cb-slideshow li:nth-child(9) span {
- background-image: url(../backgrounds/I.jpg);
- -webkit-animation-delay: 48s;
- -moz-animation-delay: 48s;
- -o-animation-delay: 48s;
- -ms-animation-delay: 48s;
- animation-delay: 48s;
- }
- .cb-slideshow li:nth-child(10) span {
- background-image: url(../backgrounds/J.jpg);
- -webkit-animation-delay: 54s;
- -moz-animation-delay: 54s;
- -o-animation-delay: 54s;
- -ms-animation-delay: 54s;
- animation-delay: 54s;
- }
- .cb-slideshow li:nth-child(11) span {
- background-image: url(../backgrounds/K.jpg);
- -webkit-animation-delay: 60s;
- -moz-animation-delay: 60s;
- -o-animation-delay: 60s;
- -ms-animation-delay: 60s;
- animation-delay: 60s;
- }
- .cb-slideshow li:nth-child(12) span {
- background-image: url(../backgrounds/L.jpg);
- -webkit-animation-delay: 66s;
- -moz-animation-delay: 66s;
- -o-animation-delay: 66s;
- -ms-animation-delay: 66s;
- animation-delay: 66s;
- }
- .cb-slideshow li:nth-child(13) span {
- background-image: url(../backgrounds/M.jpg);
- -webkit-animation-delay: 72s;
- -moz-animation-delay: 72s;
- -o-animation-delay: 72s;
- -ms-animation-delay: 72s;
- animation-delay: 72s;
- }
- .cb-slideshow li:nth-child(14) span {
- background-image: url(../backgrounds/N.jpg);
- -webkit-animation-delay: 78s;
- -moz-animation-delay: 78s;
- -o-animation-delay: 78s;
- -ms-animation-delay: 78s;
- animation-delay: 78s;
- }
- .cb-slideshow li:nth-child(15) span {
- background-image: url(../backgrounds/O.jpg);
- -webkit-animation-delay: 84s;
- -moz-animation-delay: 84s;
- -o-animation-delay: 84s;
- -ms-animation-delay: 84s;
- animation-delay: 84s;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement