Компонент упоминаний пользователя
Компонент упоминания пользователя с 3D-дизайном, адаптивными эффектами и поддержкой темной темы с помощью Tailwind CSS.
HTML-код
<div class="flex items-center space-x-4 p-4 bg-white rounded-lg shadow-xl transition-transform transform hover:scale-105 dark:bg-gray-800">
<img class="w-12 h-12 rounded-full border-2 border-blue-500" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar">
<div class="flex-1">
<p class="text-lg font-semibold text-gray-800 dark:text-white">John Doe</p>
<p class="text-gray-600 dark:text-gray-400">@johndoe</p>
</div>
<span class="inline-block bg-blue-500 text-white text-xs px-3 py-1 rounded-full shadow-md dark:bg-blue-600">
Mentioned
</span>
</div>Связанные компоненты
Компонент упоминаний пользователя
Адаптивный компонент User Mentions с поддержкой темной темы, разработанный для бизнес-сайтов. Особенности микровзаимодействия с использованием Tailwind CSS и цветовой схемы земляных тонов.
Компонент упоминаний пользователя
Простой, отзывчивый пользователь упоминает компонент со скевоморфизмом, аналогичной цветовой схемой и поддержкой темного режима.
Компонент упоминаний пользователя
Компонент User Mention Component, разработанный в стиле Glassmorphism с полупрозрачными элементами, похожими на матовое стекло, с эффектами размытия. Он включает в себя поддержку темной темы и является адаптивным, что делает его подходящим для веб-сайтов электронной коммерции.