Composants Aller au lien de contenu Aller au composant de lien de contenu

Aller au composant de lien de contenu

Glassmorphism Aller au contenu Lien présentant un effet de verre givré, le flou, la réactivité et la prise en charge du mode sombre à l’aide de Tailwind CSS, sans JavaScript.

Aperçu

HTML Code

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

Composants associés

Aller au lien de contenu

Un composant de lien « Aller au contenu » pour l’accessibilité, conçu pour les tableaux de bord en mode sombre avec une palette de couleurs en niveaux de gris. Il est modérément complexe en raison du style réactif et du mode sombre. Aucun JavaScript n’est utilisé. Utilise Tailwind CSS avec les préfixes dark : pour la prise en charge du thème sombre.

Ouvrir

Brutaliste Aller au lien vers le contenu (forêt/vert)

Un composant de lien brut et audacieux « Skip to Content » conçu dans un style brutaliste avec une palette de couleurs forêt/vert, adapté aux systèmes de réservation. Il est réactif et prend en charge le mode sombre.

Ouvrir

Aller au composant de lien de contenu

Un composant de lien rétro/vintage « Skip to Content » aux couleurs pastel, conçu pour les sites Web d’entreprise, avec accessibilité et prise en charge du mode sombre.

Ouvrir