Template:Stonecutting/styles.css: Difference between revisions

From I-Pixelmon
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
Line 5: Line 5:
   top:0; right:0; bottom:0; left:0;
   top:0; right:0; bottom:0; left:0;
   opacity:0;
   opacity:0;
   visibility:hidden;             /* ← NEW */
   visibility:hidden;
   animation-name:sc-cycle;
   animation-name:sc-cycle;
   animation-timing-function:steps(1);
   animation-timing-function:steps(1);

Revision as of 03:04, 14 June 2025

.stonecutting-carousel { position:relative; }

.sc-frame{
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  opacity:0;
  visibility:hidden;
  animation-name:sc-cycle;
  animation-timing-function:steps(1);
  animation-iteration-count:infinite;
}

@keyframes sc-cycle{
  0%    {opacity:1; visibility:visible;}   /* ← NOW VISIBLE */
  49.99%{opacity:1; visibility:visible;}   /* keep visible */
  50%   {opacity:0; visibility:hidden;}    /* hide + ignore pointer */
  100%  {opacity:0; visibility:hidden;}
}

.sc-slot{
  position:absolute;
  width:32px;
  height:32px;
}