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:BibisiLauncher/style.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:
/* 1. Missile Path: Starts slow, then accelerates upward */
@keyframes rocket-launch {
@keyframes rocket-launch {
   0% { transform: translateY(0); }
   0% { transform: translateY(0); opacity: 1; }
  20% { transform: translateY(-50px); } /* Slow glide phase */
   100% { transform: translateY(-1200px); opacity: 0; }
   100% { transform: translateY(-1500px); } /* Speed phase */
}
}


/* 2. Exhaust trail: Spawn at bottom, fade out, grow, and float */
.missile-object {
@keyframes exhaust-trail {
  0% { opacity: 1; transform: scale(0.5); }
  100% { opacity: 0; transform: scale(3) translateY(-100px); }
}
 
.missile-container {
   position: fixed;
   position: fixed;
   bottom: -100px;
   bottom: 0;
  left: 50%;
  font-size: 50px;
   visibility: hidden;
   visibility: hidden;
   z-index: 9999;
   z-index: 9999;
}
}


/* This triggers the animations when the class is added via JS/Checkbox hack */
/* This makes it launch when you press and hold */
.launch-active {
.launcher-btn:active + .missile-object {
   visibility: visible !important;
   visibility: visible;
   animation: rocket-launch 2s cubic-bezier(0.4, 0, 1, 1) forwards;
   animation: rocket-launch 1.5s cubic-bezier(0.5, 0, 1, 0) forwards;
}
}


.exhaust {
.launcher-btn {
  cursor: pointer;
   display: inline-block;
   display: inline-block;
   animation: exhaust-trail 1s ease-out infinite;
   padding: 10px;
  background: #333;
  color: #fff;
  border-radius: 5px;
  user-select: none;
}
}

Revision as of 17:45, 10 April 2026

@keyframes rocket-launch {
  0% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(-1200px); opacity: 0; }
}

.missile-object {
  position: fixed;
  bottom: 0;
  left: 50%;
  font-size: 50px;
  visibility: hidden;
  z-index: 9999;
}

/* This makes it launch when you press and hold */
.launcher-btn:active + .missile-object {
  visibility: visible;
  animation: rocket-launch 1.5s cubic-bezier(0.5, 0, 1, 0) forwards;
}

.launcher-btn {
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  background: #333;
  color: #fff;
  border-radius: 5px;
  user-select: none;
}
Retrieved from "https://www.sncapedia.org/index.php?title=Template:BibisiLauncher/style.css&oldid=29552"