Кнопка «Наверх»
Простая кнопка «Наверх» с дизайном 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 для веб-сайтов электронной коммерции, использующий цветовую схему в оттенках серого и адаптивный дизайн с поддержкой темной темы.
Brutalism_Earth_Tone_Back_To_Top_Button
Кнопка «Вернуться наверх» в стиле брутализма с земляными тонами, разработанная для блогов и контентных сайтов. Он умеренно сложный, отзывчивый и поддерживает темный режим. Кнопка отличается высококонтрастным дизайном и немного грубоватой эстетикой.