Glassmorphism Aller au lien vers le contenu
Glassmorphism Aller au contenu Lier le composant avec Earth Tones pour le tableau de bord.
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.
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é.
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.