Компоненты Перейти к ссылке на содержание Перейти к ссылке на содержание

Перейти к ссылке на содержание

Компонент 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>

Связанные компоненты

Перейти к ссылке на содержание - Ретро Монохроматический

Перейдите к компоненту Content Link с ретро/винтажным дизайном, монохроматической цветовой схемой и простой сложностью.

Открытый

Перейти к ссылке на содержание

Компонент Skip to Content Link, стилизованный в соответствии с принципами Material Design, монохроматической цветовой схемой и поддерживающий темный режим. Он подходит для сайтов электронной коммерции и построен с использованием Tailwind CSS без JavaScript.

Открытый

Перейти к компоненту Ссылка на контент

Адаптивный компонент ссылки «Перейти к содержимому» для панели управления в стиле «Неоморфизм» и цветовой схеме «Земляные тона».

Открытый