Кнопка «Наверх»
Минималистичный плоский компонент кнопки Back to Top для веб-сайтов электронной коммерции, использующий цветовую схему в оттенках серого и адаптивный дизайн с поддержкой темной темы.
HTML-код
<div class="fixed bottom-5 right-5 z-50">
<button class="bg-gray-800 text-white rounded-full p-3 shadow-md hover:bg-gray-700 dark:bg-gray-300 dark:text-gray-800 dark:hover:bg-gray-400 transition-all duration-200">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
</svg>
</button>
</div>Связанные компоненты
Наверх Компонент кнопки
Отзывчивый компонент кнопки «Вернуться наверх» для документации/вики-сайтов, вдохновленный дизайном Memphis с фиолетово-фиолетовой цветовой схемой. Включает поддержку темного режима и сложный интерактивный внешний вид.
Кнопка «Брутализм наверх»
Наверх Компонент кнопки в стиле брутализм, цветовая схема Triadic и сложная сложность. Адаптивный дизайн с поддержкой темных тем. Нет JavaScript.
Наверх Компонент кнопки
Отзывчивый компонент кнопки «Наверх» для сайтов электронной коммерции с черно-белым монохромным дизайном с ярким акцентным цветом и привлекательным микровзаимодействием при наведении. Включает поддержку темного режима.