Кнопка «Наверх»
Минималистичный плоский компонент кнопки 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>Связанные компоненты
Кнопка «Наверх»
Кнопка «Наверх» с неоморфным дизайном, монохроматической цветовой схемой и поддержкой темного режима. Использует CSS Tailwind.
Наверх Компонент кнопки
Бруталистский компонент кнопки «Наверх» с использованием Tailwind CSS. Этот компонент имеет смелый, высококонтрастный дизайн и поддерживает адаптивные эффекты и темную тему.
Бруталист Кнопка Вернуться в Начало
Брутальная кнопка «спина к верху» в Tailwind CSS, с высокой контрастностью, жирной типографикой и острыми краями. Включает в себя адаптивный выбор размера и поддержку темного режима.