User:4erospace/sandbox: Difference between revisions

m CSS test
Countdown test
 
(53 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
[[File:Invicon copper repair kit.png|64px|class=invslot-item-image]]
 
{{#countDownClock:2025-07-12 16:00:00}}
  .wrapper {
    max-width: 100%;
    overflow: hidden;
  }
 
  .marquee {
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    animation: marquee 10s linear infinite;
  }
 
  .marquee p {
    display: inline-block;
  }
 
  @keyframes marquee {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
 
}}
 
<div class="wrapper">
<div class="marquee">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat, ante eu bibendum tincidunt, sem lacus vehicula augue, ut suscipit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat, ante eu bibendum tincidunt, sem lacus vehicula augue, ut suscipit.</p>
</div>
</div>