Archivo • Offline en internet

Navegación

Últimas entradas

linkeá a (L)Program
copiá y pegá esto:
<style>
@import url('https://fonts.googleapis.com/css2?family=Jacquard+24&display=swap');

.lprogram-8831{
  width:88px;height:31px;
  display:inline-flex;flex-direction:column;
  align-items:center;justify-content:center;
  box-sizing:border-box;
  text-decoration:none;user-select:none;
  background:#0b0b0e;color:#f2f2f6;
  border:1px solid rgba(180,255,120,.65);
  box-shadow:0 0 0 1px rgba(0,0,0,.65) inset,0 0 10px rgba(180,255,120,.10);
  font-family:"Jacquard 24",serif;
  font-size:16px;line-height:1;letter-spacing:.2px;

  position:relative;
  will-change: filter, transform, text-shadow;
  animation: lpGlitchPulse 2s infinite;
}

.lprogram-8831__sub{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:9px;line-height:1;
  opacity:.8;
  transform:translateY(-1px);
}

.lprogram-8831:hover{
  border-color:rgba(255,105,180,.75);
  box-shadow:0 0 0 1px rgba(0,0,0,.65) inset,0 0 12px rgba(255,105,180,.16);
  text-decoration:underline;
  text-decoration-color:rgba(255,105,180,.85);
  text-underline-offset:2px;
}

@keyframes lpGlitchPulse{
  0%, 84%, 100%{
    filter:none;
    transform:translate(0,0);
    text-shadow:none;
  }
  85%{
    filter: blur(.25px) contrast(1.12);
    transform: translate(0.3px,-0.2px);
    text-shadow: 0.6px 0 rgba(255,105,180,.55), -0.6px 0 rgba(180,255,120,.35);
  }
  86%{
    filter: blur(.55px) contrast(1.22) saturate(1.06);
    transform: translate(-0.5px,0.3px);
    text-shadow: 1px 0 rgba(255,105,180,.60), -1px 0 rgba(180,255,120,.40);
  }
  86.6%{
    filter: blur(.18px) contrast(1.10);
    transform: translate(0.4px,0);
    text-shadow: 0.7px 0 rgba(255,105,180,.50), -0.7px 0 rgba(180,255,120,.32);
  }
  87.2%{
    filter: blur(.45px) contrast(1.18);
    transform: translate(-0.3px,-0.2px);
    text-shadow: 0.9px 0 rgba(255,105,180,.55), -0.9px 0 rgba(180,255,120,.36);
  }
  88%{
    filter:none;
    transform:translate(0,0);
    text-shadow:none;
  }
}
</style>

<a class="lprogram-8831" href="https://lprogram.neocities.org" target="_blank" rel="noopener">
  (L)Program <span class="lprogram-8831__sub">offline</span>
</a>