User:4erospace/common.css: Difference between revisions

m CSS test
m CSS test
Line 1: Line 1:
  .news-wrapper {
.news-wrapper {
    max-width: 100%;
  max-width: 100%;
    overflow: hidden;
  overflow: hidden;
   }
}
 
.news-marquee {
   white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 10s linear infinite;
}


  .news-marquee {
.news-marquee p {
    white-space: nowrap;
  display: inline-block;
    overflow: hidden;
}
    display: inline-block;
    animation: marquee 10s linear infinite;
  }


  .news-marquee p {
@keyframes news-marquee {
     display: inline-block;
  0% {
     transform: translate3d(0, 0, 0);
   }
   }
 
   100% {
   @keyframes news-marquee {
     transform: translate3d(-50%, 0, 0);
    0% {
      transform: translate3d(0, 0, 0);
     }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
   }
   }
}