Composants Aller au lien de contenu Glassmorphism Aller au lien vers le contenu

Glassmorphism Aller au lien vers le contenu

Glassmorphism Aller au contenu Lier le composant avec Earth Tones pour le tableau de bord.

Aperçu

HTML Code

<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:p-3 focus:rounded-lg focus:bg-white focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg focus:text-stone-800 dark:focus:bg-stone-800 dark:focus:bg-opacity-30 dark:focus:text-stone-200">Skip to main content</a>

Composants associés

Aller au lien de contenu

Un composant Skip to Content Link avec une conception 3D en niveaux de gris pour les sites Web d’entreprise. Il est réactif et prend en charge le mode sombre à l’aide de Tailwind CSS. Pas de JavaScript.

Ouvrir

Aller au composant de lien de contenu

Un composant de lien « passer au contenu » propre et minimaliste pour les applications de sport/fitness, conçu avec une palette de couleurs en niveaux de gris. Il est réactif et prend en charge le mode sombre, en mettant l’accent sur la typographie et l’accessibilité.

Ouvrir

Aller au lien de contenu

Un composant de lien réactif « Skip to Content » stylisé avec Glassmorphism, mettant en œuvre un schéma de couleurs complémentaire, une complexité modérée et une prise en charge du mode sombre adapté aux sites Web d’entreprise. Ce composant est implémenté uniquement en HTML avec les classes CSS Tailwind, ne nécessitant aucun JavaScript.

Ouvrir