New mission: revamp the portals to make them look actually tolerable to the eye. They are currently placeholders as of now.
The Gold Network: Soyworld | SNCApedia | SoyPlace

I'm not dead, just inactive for the moment. Faggot (talk) 20:16, 9 April 2026 (UTC)

Template:3DOneFace/styles.css: Difference between revisions

From SNCApedia, the shit nobody cares about encyclopedia
Jump to navigationJump to search
← Older editNewer edit →
mNo edit summary
mNo edit summary
Line 1: Line 1:
/* Template:3DOneFace/styles.css
  Single face 3D swing — mirrors cc-3DCube structure */
.onef-scene {
  display: inline-block;
  margin: 4px;
}
.onef-cube {
  display: inline-block;
  position: relative;
}
.onef-center {
  display: inline-block;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.onef-low    .onef-center { animation-name: onef-swing-low; }
.onef-normal .onef-center { animation-name: onef-swing-normal; }
.onef-high  .onef-center { animation-name: onef-swing-high; }
@keyframes onef-swing-low {
  0%  { transform: rotate(-20deg); }
  50%  { transform: rotate(20deg); }
  100% { transform: rotate(-20deg); }
}
@keyframes onef-swing-normal {
@keyframes onef-swing-normal {
   0%  { transform: rotate(-45deg); }
   0%  { transform: rotate(-45deg); }
Line 34: Line 5:
}
}


@keyframes onef-swing-high {
/* (Make sure the others use standard rotate() too, and same for the hover state) */
  0%  { transform: rotate(-70deg); }
  50%  { transform: rotate(70deg); }
  100% { transform: rotate(-70deg); }
}
 
.onef-scene:hover .onef-center {
.onef-scene:hover .onef-center {
   animation-play-state: paused;
   animation-play-state: paused;
   transform: rotate(0deg);
   transform: rotate(0deg);
   transition: transform 0.15s ease-out;
   transition: transform 0.15s ease-out;
}
.onef-nohover:hover .onef-center {
  animation-play-state: running;
  transform: none;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .onef-center { animation: none; }
}
}

Revision as of 16:51, 18 April 2026

@keyframes onef-swing-normal {
  0%   { transform: rotate(-45deg); }
  50%  { transform: rotate(45deg); }
  100% { transform: rotate(-45deg); }
}

/* (Make sure the others use standard rotate() too, and same for the hover state) */
.onef-scene:hover .onef-center {
  animation-play-state: paused;
  transform: rotate(0deg);
  transition: transform 0.15s ease-out;
}
Retrieved from "https://www.sncapedia.org/index.php?title=Template:3DOneFace/styles.css&oldid=31391"