Template:Grid/Crafting Table/Styles.css: Difference between revisions

Revision as of 23:07, 14 June 2025

.craft-grid p {
  margin: 0;
}

/* Animation for rotating slot ingredients */
.slot-frame {
  position: absolute;
  top: 0; left: 0;
  width: 32px; height: 32px;
  opacity: 0;
  visibility: hidden;
  animation-name: slot-cycle;
  animation-timing-function: step-start;
  animation-iteration-count: infinite;
}
/* If only one frame (static), override to show it without animation */
.slot-static {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}
/* Keyframes for cycling slot images (each frame visible 4s) */
@keyframes slot-cycle {
  0% { opacity:1; visibility:visible; }
  49.999% { opacity:1; visibility:visible; }
  50% { opacity:0; visibility:hidden; }
  100% { opacity:0; visibility:hidden; }
}