Перейти к ссылке на содержание
Компонент Skip to Content Link в стиле 3D-дизайна, с цветовой гаммой земляных тонов, разработанный для электронной коммерции средней сложности. Он включает в себя адаптивный дизайн и поддержку темных тем.
HTML-код
<a href="#maincontent" class="absolute top-4 left-4 z-50 px-6 py-3 bg-green-700 text-white text-lg font-semibold rounded-xl shadow-lg transform transition-transform hover:scale-105 focus:outline-none focus:ring-4 focus:ring-green-500 focus:ring-opacity-50 dark:bg-green-900 dark:hover:bg-green-800 dark:focus:ring-green-700">Skip to main content</a>Связанные компоненты
Перейти к ссылке на содержание
Отзывчивый компонент Skip to Content Link, выполненный в скевоморфном стиле с пастельной цветовой гаммой. Этот компонент предназначен для использования блогов и контента, а также включает поддержку темного режима.
Перейти к компоненту Ссылка на контент
Визуально привлекательная ссылка «Перейти к содержимому» в 3D-стиле, которая помогает пользователям обойти навигационные меню в интерфейсе социальных сетей. Компонент использует дополнительную цветовую схему (синий и оранжевый) с 3D-эффектом, достигаемым за счет теней и преобразований. Отличается адаптивным дизайном и поддержкой темных тем. Ссылка отображается в левом верхнем углу окна просмотра, когда она сфокусирована или активна, что делает ее легко доступной для навигации с помощью клавиатуры, оставаясь незаметной, когда она не используется.
Перейти к ссылке на содержание
Перейдите к компоненту Content Link, соответствующему принципам Material Design, с адаптивным дизайном, поддержкой темного режима и простой монохроматической цветовой схемой для приложений социальных сетей.