Template:Stonecutting/styles.css: Difference between revisions

Revision as of 03:03, 14 June 2025

.stonecutting-carousel { position:relative; }

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

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

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