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