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