Перейти к ссылке на содержание
Компонент Skip to Content Link с 3D-дизайном в оттенках серого для бизнес-сайтов. Он адаптивный и поддерживает темный режим с использованием Tailwind CSS. Нет JavaScript.
HTML-код
<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>Связанные компоненты
Перейти к компоненту Ссылка на контент
Компонент Skip to Content Link, разработанный с использованием 3D-элементов, земляных тонов и адаптированный для интерфейсов приборной панели. Он включает в себя стили как для светлой, так и для темной тем.
Перейти к ссылке на содержание
Адаптивный компонент ссылки "Skip to Content", стилизованный под Glassmorphism, реализующий дополнительную цветовую схему, умеренную сложность и поддержку темного режима, подходящий для бизнес/корпоративных сайтов. Этот компонент реализован исключительно в HTML с помощью CSS-классов Tailwind, не требуя JavaScript.
Перейти к ссылке на содержание
Отзывчивый компонент Skip to Content Link, выполненный в скевоморфном стиле с пастельной цветовой гаммой. Этот компонент предназначен для использования блогов и контента, а также включает поддержку темного режима.