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.
HTML Code
<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:absolute focus:top-0 a-3 focus:left-0 focus:z-50 block px-4 py-3 text-lg font-semibold text-gray-800 bg-gray-200 border-b-4 border-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-700 focus:ring-opacity-50 dark:text-gray-200 dark:bg-gray-800 dark:border-gray-300 dark:focus:ring-gray-300">Skip to main content</a>Composants associés
Aller au composant de lien de contenu - Skeuomorphisme en niveaux de gris
Un lien simple et réactif « Skip to Content » avec un design skeuomorphique en niveaux de gris pour le contenu du blog. Inclut la prise en charge du mode sombre.
Aller au composant de lien de contenu
Composant Skip to Content Link conçu avec des éléments skeuomorphes ressemblant à un bouton physique. Le composant aura un schéma de couleurs pastel, une complexité modérée y compris des effets de survol et la prise en charge du thème sombre.
Aller au lien de contenu - Rétro monochromatique
Aller au composant de lien de contenu avec un design rétro/vintage, une palette de couleurs monochromatique et une complexité simple.