Перейти к компоненту Ссылка на контент
Glassmorphism Skip to Content Link с эффектом матового стекла, размытием, отзывчивостью и поддержкой темного режима с использованием Tailwind CSS, без JavaScript.
HTML-код
<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>Связанные компоненты
Перейти к ссылке на содержание
Компонент ссылки «Перейти к содержимому» для специальных возможностей, предназначенный для панелей мониторинга в темном режиме с цветовой схемой в оттенках серого. Он в меру сложен из-за отзывчивости и стилизации темного режима. JavaScript не используется. Использует Tailwind CSS с префиксами dark: для поддержки темной темы.
Перейти к компоненту Ссылка на контент
Веб-компонент, предоставляющий ссылку для перехода к основному контенту, стилизованный под Material Design с пастельной цветовой гаммой, подходит для веб-сайтов электронной коммерции. Он отличается адаптивным дизайном с поддержкой темных тем.
Перейти к компоненту Ссылка на контент
Адаптивный компонент ссылки «Перейти к содержимому» для панели управления в стиле «Неоморфизм» и цветовой схеме «Земляные тона».