Componenti Vai al collegamento al contenuto Vai al collegamento al contenuto

Vai al collegamento al contenuto

Un componente di collegamento reattivo "Salta al contenuto" con stile Glassmorphism, che implementa una combinazione di colori complementare, una complessità moderata e il supporto della modalità oscura adatto per siti Web aziendali/aziendali. Questo componente è implementato esclusivamente in HTML con le classi CSS Tailwind, che non richiedono JavaScript.

Anteprima

Codice HTML

<a href="#content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded-md focus:text-white focus:bg-black focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg dark:focus:text-black dark:focus:bg-white dark:focus:bg-opacity-30 dark:focus:backdrop-filter dark:focus:backdrop-blur-lg dark:focus:shadow-lg">Skip to content</a>

Componenti correlati

Vai al collegamento al contenuto

Un componente Passa al collegamento al contenuto con uno stile basato sui principi di Material Design, una combinazione di colori monocromatica e il supporto della modalità scura. È adatto per siti di e-commerce ed è costruito utilizzando Tailwind CSS senza JavaScript.

Aperto

Vai al collegamento al contenuto

Un componente minimalista per il passaggio al collegamento al contenuto per l'e-commerce, con colori vivaci, design reattivo e supporto per la modalità scura.

Aperto

Vai al componente Collegamento contenuto

Un componente di collegamento "Salta al contenuto" retrò/vintage con colori pastello, progettato per siti Web aziendali/aziendali, con accessibilità e supporto per la modalità oscura.

Aperto