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.
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 di collegamento "Salta al contenuto" per l'accessibilità, progettato per dashboard in modalità scura con una combinazione di colori in scala di grigi. È moderatamente complesso a causa dello stile reattivo e della modalità oscura. Non viene utilizzato alcun JavaScript. Utilizza Tailwind CSS con i prefissi dark: per il supporto del tema scuro.
Vai al componente Collegamento contenuto
Un componente web che fornisce un link per passare al contenuto principale, stilizzato in Material Design con una combinazione di colori pastello, adatto per siti di e-commerce. Presenta un design reattivo con supporto per il tema scuro.
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.