Компонент кнопок
Минималистичный компонент кнопок, предназначенный для портфолио, демонстрирующего работу или продукты, с яркими цветами и адаптивным дизайном с поддержкой темных тем с использованием Tailwind CSS.
HTML-код
<div class="flex flex-col items-center justify-center h-screen bg-white dark:bg-gray-900 p-4">
<h1 class="text-2xl font-bold text-gray-800 dark:text-white mb-6">Portfolio Buttons</h1>
<div class="space-y-4">
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-red-500 rounded hover:bg-red-600 dark:bg-red-700 dark:hover:bg-red-600 transition duration-200">View Projects</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-green-500 rounded hover:bg-green-600 dark:bg-green-700 dark:hover:bg-green-600 transition duration-200">Contact Me</a>
<a href="#" class="inline-flex items-center justify-center px-6 py-3 text-lg font-medium text-white bg-blue-500 rounded hover:bg-blue-600 dark:bg-blue-700 dark:hover:bg-blue-600 transition duration-200">Download CV</a>
</div>
</div>Связанные компоненты
Retro_Rainbow_Buttons_Component
Коллекция градиентных радужных кнопок в ретро-стиле, предназначенных для фотогалерей и портфолио, с умеренной сложностью и полной отзывчивостью и поддержкой темных режимов.
Неоморфизм кнопок социальных сетей
Простой компонент кнопки в стиле Neumorphism для интерфейсов социальных сетей, отличающийся адаптивным дизайном и поддержкой темного режима с использованием Tailwind CSS. Кнопка использует цветовую схему «Аналоговый» и тонкие тени для создания мягкого вытянутого вида.