Кнопка "Наверх" - Брутализм
Бруталистский компонент кнопки «Вернуться наверх» для портфолио, с триадической цветовой гаммой и простым дизайном. Он адаптивный и поддерживает темный режим с использованием Tailwind CSS.
HTML-код
<a href="#" class="fixed bottom-4 right-4 bg-red-500 text-yellow-300 border-4 border-black dark:bg-red-700 dark:text-yellow-100 dark:border-white transition-all duration-300 hover:bg-red-600 hover:text-yellow-400 dark:hover:bg-red-800 dark:hover:text-yellow-200 p-4 shadow-[8px_8px_0_0_#000] dark:shadow-[8px_8px_0_0_#fff] z-50">
<span class="font-extrabold text-xl uppercase">↑<br/>Top</span>
</a>Связанные компоненты
Brutalism_Earth_Tone_Back_To_Top_Button
Кнопка «Вернуться наверх» в стиле брутализма с земляными тонами, разработанная для блогов и контентных сайтов. Он умеренно сложный, отзывчивый и поддерживает темный режим. Кнопка отличается высококонтрастным дизайном и немного грубоватой эстетикой.
Кнопка «Наверх»
Кнопка «Наверх» Material Design, которая появляется, когда пользователь прокручивает страницу вниз. Он включает в себя поддержку темного режима и плавную прокрутку.
Кнопка "Наверх" - 3D Дизайн
Кнопка «Наверх» с 3D-дизайном, адаптивными эффектами и поддержкой темной темы с помощью Tailwind CSS. JavaScript не включен.