Кнопка «Наверх»
Простая кнопка «Наверх» с дизайном Glassmorphism и монохроматической цветовой схемой для сайтов электронной коммерции.
HTML-код
<div class="fixed bottom-10 right-10">
<a href="#top" class="flex items-center justify-center w-12 h-12 rounded-full bg-white bg-opacity-30 backdrop-blur-md shadow-lg hover:bg-opacity-50 transition duration-300 dark:bg-gray-800 dark:bg-opacity-50 dark:hover:bg-opacity-70">
<img src="https://picsum.photos/32" alt="Back to Top" class="w-8 h-8" />
</a>
</div>Связанные компоненты
Наверх кнопка Минималистичный яркий
Минималистичный и плоский компонент кнопки «Наверх» с яркими цветами, подходящий для сайта-портфолио. Он включает в себя адаптивный дизайн и поддержку темного режима с использованием Tailwind CSS.
Наверх Компонент кнопки
Простая кнопка Back to Top, выполненная в бруталистском стиле с использованием Tailwind CSS, подходит для сайта-портфолио. Он отличается цветовой схемой в оттенках серого и поддержкой темных тем.
Кнопка "Наверх" - Брутализм
Бруталистский компонент кнопки «Вернуться наверх» для портфолио, с триадической цветовой гаммой и простым дизайном. Он адаптивный и поддерживает темный режим с использованием Tailwind CSS.