SHARE
TWEET

Untitled

a guest Jan 7th, 2019 86 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2.   overflow-y: hidden;
  3.   overflow-x: hidden;
  4. }
  5.  
  6. .slider {
  7.   width: 640px;
  8.   height: 100px;
  9.   position: relative;
  10.   background: rgba (0,0,0,0);
  11.   overflow: hidden;
  12. }
  13.  
  14. .slider div{
  15.   position:absolute;
  16.   left:0;
  17.   top:0;
  18.   /*animation-name:slide_in;*/
  19.   /*animation-duration:96s;*/
  20.   /*animation-iteration-count:linear infinite;*/
  21.   animation: slide_in 96s linear infinite;
  22. }
  23.  
  24. .slider div:nth-child(1) {
  25.   animation-delay: 0s;
  26. }
  27.  
  28. .slider div:nth-child(2) {
  29.   animation-delay: 16s;
  30. }
  31.  
  32. .slider div:nth-child(3) {
  33.   animation-delay: 32s;
  34. }
  35.  
  36. .slider div:nth-child(4) {
  37.   animation-delay: 48s;
  38. }
  39.  
  40. .slider div:nth-child(5) {
  41.   animation-delay: 64s;
  42. }
  43.  
  44. .slider div:nth-child(6) {
  45.   animation-delay: 80s;
  46. }
  47.  
  48.  
  49. @keyframes slide_in{
  50.   0%{
  51.   padding-left: 100%;
  52.   }
  53.   1%{
  54.   padding-left: 0%;
  55.   }
  56. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top