← Tutti gli esempi

SoundCloud: evidenzia la barra di riproduzione inferiore

Aggiunge un bordo netto e un'ombra alla barra di riproduzione inferiore così risalta sempre.

Codice da copiare

/* Make the bottom play bar more prominent and always visible */
.playControls {
  border-top: 2px solid #ff5500 !important;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15) !important;
}
.playControls__inner { min-height: 56px !important; }

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello CSS della regola e salva — l'effetto appare subito.