Компонент пагинации
Адаптивный компонент пагинации с поддержкой 3D, триадического цвета, простого, делового/корпоративного стиля и темного режима
HTML-код
<nav aria-label="Pagination" class="flex justify-center items-center space-x-2 dark:bg-gray-800 p-4 rounded-md">
<a href="#" class="px-3 py-2 bg-blue-600 text-white rounded-md dark:bg-blue-800 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">Previous</a>
<a href="#" class="px-3 py-2 bg-green-500 text-white rounded-md dark:bg-green-700 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">1</a>
<a href="#" aria-current="page" class="px-3 py-2 bg-red-600 text-white rounded-md dark:bg-red-800 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">2</a>
<a href="#" class="px-3 py-2 bg-green-500 text-white rounded-md dark:bg-green-700 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">3</a>
<a href="#" class="px-3 py-2 bg-blue-600 text-white rounded-md dark:bg-blue-800 dark:text-gray-200 transform transition duration-300 ease-in-out hover:scale-110">Next</a>
</nav>Связанные компоненты
Skeuomorphic_Purple_Pagination
Сложный, скевоморфный компонент пагинации, разработанный для веб-сайтов консалтинга/услуг, отличающийся фиолетово-фиолетовой цветовой схемой и полной отзывчивостью с поддержкой темного режима.
Компонент пагинации
Отзывчивый, монохроматический 3D-компонент пагинации для интерфейсов социальных сетей с поддержкой темного режима, созданный с помощью Tailwind CSS.
Компонент пагинации
Компонент пагинации со стилем дизайна Ретро/Винтаж, цветовая схема Triadic, простая сложность, для целей блога/контента, с использованием Tailwind CSS. Адаптивный дизайн с поддержкой темных тем.