Бруталист Наверх
Бруталистский компонент кнопки «Наверх», использующий цвета в оттенках серого и CSS Tailwind. Он отзывчив и поддерживает темный режим.
HTML-код
<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
<span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
⬆️
</span>
</button>Связанные компоненты
Наверх Компонент кнопки
Отзывчивая кнопка «Вернуться наверх» с анимацией, ориентированной на микровзаимодействие, триадической цветовой схемой и поддержкой темных тем, подходит для портфолио.
Кнопка «Наверх»
Минималистичная, плоская кнопка «Наверх», которая помещается в интерфейсе приборной панели. Кнопка выполнена в монохроматической цветовой гамме и включает эффекты наведения и фокусировки для лучшей интерактивности. Он также отзывчив и поддерживает темный режим.
Кнопка "Наверх" - Брутализм
Бруталистский компонент кнопки «Вернуться наверх» для портфолио, с триадической цветовой гаммой и простым дизайном. Он адаптивный и поддерживает темный режим с использованием Tailwind CSS.