Кнопка «Наверх»
Минималистичная, плоская кнопка «Наверх», которая помещается в интерфейсе приборной панели. Кнопка выполнена в монохроматической цветовой гамме и включает эффекты наведения и фокусировки для лучшей интерактивности. Он также отзывчив и поддерживает темный режим.
HTML-код
<div class="fixed bottom-8 right-8">
<a href="#" class="flex items-center justify-center w-12 h-12 rounded-full bg-gray-600 text-white shadow-lg transition-all ease-in-out duration-300 hover:bg-gray-500 dark:bg-gray-800 dark:hover:bg-gray-700">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-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>
</a>
</div>Связанные компоненты
Наверх Компонент кнопки - Брутализм Земляные тона
Сложный компонент кнопки «Вернуться наверх», выполненный в бруталистском стиле с землистой цветовой гаммой, подходит для блогов/контентных сайтов. Он адаптивный и включает поддержку темного режима.
Наверх Компонент кнопки
Простая, художественная кнопка «Вернуться наверх», разработанная для веб-сайтов ресторанов и ресторанов, выполнена в акварельном стиле. Он отзывчив и поддерживает темный режим.
Кнопка Glassmorphism Rainbow Back to Top для сельского хозяйства
Сложный, адаптивный компонент кнопки «Вернуться наверх» с дизайном стекломорфизма и радужным градиентом, адаптированный для веб-сайтов о сельском хозяйстве и фермерстве. Особенности, эффекты размытия и поддержка темного режима.