Advertisement
Guest User

Untitled

a guest
Jan 5th, 2013
339
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.38 KB | None | 0 0
  1. /** animation CODROPS */
  2.  
  3. .cb-slideshow,
  4. .cb-slideshow:after {
  5. position: fixed;
  6. width: 100%;
  7. height: 100%;
  8. top: 0px;
  9. left: 0px;
  10. z-index: 0;
  11. }
  12. .cb-slideshow:after {
  13. content: '';
  14. background: transparent url(backgrounds/pattern.png) repeat top left;
  15. }
  16. .cb-slideshow li span {
  17. width: 100%;
  18. height: 100%;
  19. position: absolute;
  20. top: 0px;
  21. left: 0px;
  22. color: transparent;
  23. background-size: cover;
  24. background-position: 50% 50%;
  25. background-repeat: none;
  26. opacity: 0;
  27. z-index: 0;
  28. -webkit-backface-visibility: hidden;
  29. -webkit-animation: imageAnimation 36s linear infinite 0s;
  30. -moz-animation: imageAnimation 36s linear infinite 0s;
  31. -o-animation: imageAnimation 36s linear infinite 0s;
  32. -ms-animation: imageAnimation 36s linear infinite 0s;
  33. animation: imageAnimation 36s linear infinite 0s;
  34. }
  35.  
  36. .cb-slideshow li:nth-child(1) span {
  37. background-image: url(../backgrounds/A.jpg)
  38. }
  39. .cb-slideshow li:nth-child(2) span {
  40. background-image: url(../backgrounds/B.jpg);
  41. -webkit-animation-delay: 6s;
  42. -moz-animation-delay: 6s;
  43. -o-animation-delay: 6s;
  44. -ms-animation-delay: 6s;
  45. animation-delay: 6s;
  46. }
  47. .cb-slideshow li:nth-child(3) span {
  48. background-image: url(../backgrounds/C.jpg);
  49. -webkit-animation-delay: 12s;
  50. -moz-animation-delay: 12s;
  51. -o-animation-delay: 12s;
  52. -ms-animation-delay: 12s;
  53. animation-delay: 12s;
  54. }
  55. .cb-slideshow li:nth-child(4) span {
  56. background-image: url(../backgrounds/D.jpg);
  57. -webkit-animation-delay: 18s;
  58. -moz-animation-delay: 18s;
  59. -o-animation-delay: 18s;
  60. -ms-animation-delay: 18s;
  61. animation-delay: 18s;
  62. }
  63. .cb-slideshow li:nth-child(5) span {
  64. background-image: url(../backgrounds/E.jpg);
  65. -webkit-animation-delay: 24s;
  66. -moz-animation-delay: 24s;
  67. -o-animation-delay: 24s;
  68. -ms-animation-delay: 24s;
  69. animation-delay: 24s;
  70. }
  71. .cb-slideshow li:nth-child(6) span {
  72. background-image: url(../backgrounds/F.jpg);
  73. -webkit-animation-delay: 30s;
  74. -moz-animation-delay: 30s;
  75. -o-animation-delay: 30s;
  76. -ms-animation-delay: 30s;
  77. animation-delay: 30s;
  78. }
  79. .cb-slideshow li:nth-child(7) span {
  80. background-image: url(../backgrounds/G.jpg);
  81. -webkit-animation-delay: 36s;
  82. -moz-animation-delay: 36s;
  83. -o-animation-delay: 36s;
  84. -ms-animation-delay: 36s;
  85. animation-delay: 36s;
  86. }
  87. .cb-slideshow li:nth-child(8) span {
  88. background-image: url(../backgrounds/H.jpg);
  89. -webkit-animation-delay: 42s;
  90. -moz-animation-delay: 42s;
  91. -o-animation-delay: 42s;
  92. -ms-animation-delay: 42+6
  93. s;
  94. animation-delay: 30s;
  95. }
  96. .cb-slideshow li:nth-child(9) span {
  97. background-image: url(../backgrounds/I.jpg);
  98. -webkit-animation-delay: 48s;
  99. -moz-animation-delay: 48s;
  100. -o-animation-delay: 48s;
  101. -ms-animation-delay: 48s;
  102. animation-delay: 48s;
  103. }
  104. .cb-slideshow li:nth-child(10) span {
  105. background-image: url(../backgrounds/J.jpg);
  106. -webkit-animation-delay: 54s;
  107. -moz-animation-delay: 54s;
  108. -o-animation-delay: 54s;
  109. -ms-animation-delay: 54s;
  110. animation-delay: 54s;
  111. }
  112. .cb-slideshow li:nth-child(11) span {
  113. background-image: url(../backgrounds/K.jpg);
  114. -webkit-animation-delay: 60s;
  115. -moz-animation-delay: 60s;
  116. -o-animation-delay: 60s;
  117. -ms-animation-delay: 60s;
  118. animation-delay: 60s;
  119. }
  120. .cb-slideshow li:nth-child(12) span {
  121. background-image: url(../backgrounds/L.jpg);
  122. -webkit-animation-delay: 66s;
  123. -moz-animation-delay: 66s;
  124. -o-animation-delay: 66s;
  125. -ms-animation-delay: 66s;
  126. animation-delay: 66s;
  127. }
  128. .cb-slideshow li:nth-child(13) span {
  129. background-image: url(../backgrounds/M.jpg);
  130. -webkit-animation-delay: 72s;
  131. -moz-animation-delay: 72s;
  132. -o-animation-delay: 72s;
  133. -ms-animation-delay: 72s;
  134. animation-delay: 72s;
  135. }
  136. .cb-slideshow li:nth-child(14) span {
  137. background-image: url(../backgrounds/N.jpg);
  138. -webkit-animation-delay: 78s;
  139. -moz-animation-delay: 78s;
  140. -o-animation-delay: 78s;
  141. -ms-animation-delay: 78s;
  142. animation-delay: 78s;
  143. }
  144. .cb-slideshow li:nth-child(15) span {
  145. background-image: url(../backgrounds/O.jpg);
  146. -webkit-animation-delay: 84s;
  147. -moz-animation-delay: 84s;
  148. -o-animation-delay: 84s;
  149. -ms-animation-delay: 84s;
  150. animation-delay: 84s;
  151. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement