Перейти к ссылке на содержание
Адаптивный компонент ссылки "Skip to Content", стилизованный под Glassmorphism, реализующий дополнительную цветовую схему, умеренную сложность и поддержку темного режима, подходящий для бизнес/корпоративных сайтов. Этот компонент реализован исключительно в HTML с помощью CSS-классов Tailwind, не требуя JavaScript.
HTML-код
<a href="#content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:rounded-md focus:text-white focus:bg-black focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg dark:focus:text-black dark:focus:bg-white dark:focus:bg-opacity-30 dark:focus:backdrop-filter dark:focus:backdrop-blur-lg dark:focus:shadow-lg">Skip to content</a>Связанные компоненты
Перейти к компоненту Ссылка на контент
Ретро/винтажный компонент ссылок «Перейти к содержимому» в пастельных тонах, разработанный для бизнес/корпоративных веб-сайтов, с поддержкой специальных возможностей и темного режима.
Перейти к ссылке на содержание
Компонент Skip to Content Link в стиле 3D-дизайна, с цветовой гаммой земляных тонов, разработанный для электронной коммерции средней сложности. Он включает в себя адаптивный дизайн и поддержку темных тем.
Перейти к компоненту Ссылка на контент
Неоморфный компонент ссылки «Перейти к содержимому» для специальных возможностей в приложениях Technology/SaaS, отличающийся фиолетово-фиолетовой цветовой схемой и полной отзывчивостью с поддержкой темного режима.