← Alle Beispiele

Hacker News: modernes Karten-Design

Verleiht der Seite abgerundete Ecken, einen weichen Schatten und einen Hover-Effekt für ein moderneres Aussehen.

Code zum Kopieren

/* Give the page a softer, modern card-like look */
html, body {
  background: #eef0f3 !important;
}
#hnmain {
  border-radius: 10px !important;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.12) !important;
  overflow: hidden !important;
  margin-top: 14px !important;
}
.athing:hover {
  background: rgba(255, 102, 0, 0.06) !important;
}

So verwendest du dieses Beispiel

1. Kopiere den Code mit der Schaltfläche oben.
2. Installiere JustZix (2 Minuten) und öffne die Erweiterung auf der Zielseite.
3. Füge eine neue Regel hinzu, die zu dieser Seite passt.
4. Füge den Code in das CSS-Panel der Regel ein und speichere — der Effekt erscheint sofort.