CRT Bernstein

CRT Bernstein: CSS-Button. Kopiere die Regeln oder den Prompt, der das Ergebnis nachbaut.

CSS

.btn-094 {
  position: relative;
  font: 700 13px/1 ui-monospace,Menlo,monospace;
  letter-spacing: .15em;
  color: #fbbf24;
  background: #1a1200;
  border: 2px solid #fbbf24;
  border-radius: 2px;
  padding: 12px 20px;
  cursor: pointer;
  text-shadow: 0 0 6px rgba(251,191,36,.8);
  box-shadow: inset 0 0 12px rgba(251,191,36,.2);
  overflow: hidden;
  transition: box-shadow .15s
}
.btn-094::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.35) 2px 3px);
  pointer-events: none
}
.btn-094:hover {
  box-shadow: inset 0 0 18px rgba(251,191,36,.35),0 0 14px rgba(251,191,36,.4)
}
.btn-094:focus-visible {
  outline: 2px dashed #fbbf24;
  outline-offset: 3px
}
.btn-094:active {
  background: #fbbf24;
  color: #1a1200;
  text-shadow: none
}

HTML

<button class="btn-094">INSERT COIN</button>

Prompt

Ein Button im CRT-Monitor-Stil: sehr dunkelbraune #1a1200 Füllung, 2px Bernstein-Rahmen #fbbf24, 2px Radius, Bernstein-Monospace 13px bold "INSERT COIN" mit 0.15em Spacing und weichem bernsteinfarbenem Textleuchten, ein inneres Bernstein-Leuchten und ein horizontales Scanline-Overlay (1px Linien in 35% Schwarz alle 3px). Hover verstärkt das Leuchten innen und außen; active invertiert auf volles Bernstein mit dunklem Text. Fokus-Outline 2px gestrichelt Bernstein.

CRT Bernstein

Gleiches Regal