Компонент облака тегов
Отзывчивый компонент облака тегов с привлекательной анимацией, использующий монохроматическую цветовую схему, подходящую для портфолио.
HTML-код
<div class="p-6 bg-gray-800 text-white dark:bg-gray-900">
<h2 class="text-2xl font-semibold mb-4">Tag Cloud</h2>
<div class="flex flex-wrap">
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Web Design</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Development</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Photography</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Branding</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">UI/UX</a>
<a href="#" class="m-2 p-3 bg-blue-600 hover:bg-blue-700 transition duration-300 ease-in-out rounded shadow-lg transform hover:scale-105">Digital Marketing</a>
</div>
</div>Связанные компоненты
Компонент облака тегов Neumorphism
Отзывчивый компонент облака тегов с дизайном в стиле неоморфизм, пастельной цветовой гаммой и сложными взаимодействиями, адаптированный для электронной коммерции. Включает поддержку темного режима и использует Tailwind CSS.
Компонент облака тегов в стиле ретро
Адаптивный компонент облака тегов, использующий Tailwind CSS, с эстетикой ретро/винтажного дизайна, пастельной цветовой гаммой и простой сложностью. Подходит для портфолио, в том числе с поддержкой темного режима.
Компонент облака тегов
Компонент облака тегов в стиле ретро/винтаж с отзывчивыми эффектами и поддержкой темного режима с использованием Tailwind CSS.