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

Стеклянный морфизм Перейти к ссылке на содержание

Glassmorphism Перейти к компоненту ссылки на содержимое с земляными тонами для панели управления.

Предварительный просмотр

HTML-код

<a href="#main-content" class="skip-to-content-link sr-only focus:not-sr-only focus:fixed focus:top-4 focus:left-4 focus:p-3 focus:rounded-lg focus:bg-white focus:bg-opacity-30 focus:backdrop-filter focus:backdrop-blur-lg focus:shadow-lg focus:text-stone-800 dark:focus:bg-stone-800 dark:focus:bg-opacity-30 dark:focus:text-stone-200">Skip to main content</a>

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

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

Компонент ссылки «Перейти к содержимому» для специальных возможностей, предназначенный для панелей мониторинга в темном режиме с цветовой схемой в оттенках серого. Он в меру сложен из-за отзывчивости и стилизации темного режима. JavaScript не используется. Использует Tailwind CSS с префиксами dark: для поддержки темной темы.

Открытый

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

Минималистичный компонент ссылок для перехода к контенту для электронной коммерции с яркими цветами, адаптивным дизайном и поддержкой темного режима.

Открытый

Перейти к компоненту ссылки на контент - скевоморфизм в оттенках серого

Простая, отзывчивая ссылка "Перейти к содержимому" со скевоморфным дизайном в оттенках серого для содержимого блога. Включает поддержку темного режима.

Открытый