Composant Visionneuse à 360°
Un composant de visionneuse à 360° conçu avec un style skeuomorphe, utilisant une palette de couleurs en niveaux de gris. Il dispose d’une interface de complexité moyenne adaptée aux applications de médias sociaux, prenant en charge les thèmes clairs et sombres.
HTML Code
<div class="flex flex-col items-center justify-center p-6 bg-gray-100 dark:bg-gray-800 rounded-lg shadow-lg">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200">360° Viewer</h2>
<div class="mt-4 w-full max-w-md h-64 border border-gray-300 dark:border-gray-600 rounded-lg overflow-hidden shadow-inner">
<img src="https://picsum.photos/600/400?random=1" alt="360° View" class="w-full h-full object-cover transition-transform hover:scale-105 duration-300" />
</div>
<div class="mt-4 flex items-center">
<div class="flex-shrink-0">
<img class="w-10 h-10 rounded-full border border-gray-300 dark:border-gray-600" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" />
</div>
<div class="ml-3">
<p class="text-sm font-medium text-gray-700 dark:text-gray-300">John Doe</p>
<p class="text-sm text-gray-500 dark:text-gray-400">Posted 1 hour ago</p>
</div>
</div>
<div class="mt-4">
<button class="px-4 py-2 text-white bg-gray-800 rounded hover:bg-gray-700 dark:bg-gray-600 dark:hover:bg-gray-500">Interact</button>
</div>
</div>Composants associés
Composant Visionneuse à 360°
Un composant de visualisation à 360° conçu avec des micro-interactions, avec des effets réactifs et une prise en charge des thèmes sombres à l’aide de Tailwind CSS.
Composant Visionneuse à 360°
Un composant de visionneuse à 360° de style rétro/vintage pour présenter le travail ou les produits d’un portfolio, conçu à l’aide de Tailwind CSS avec une interface complexe comportant plusieurs éléments interactifs et prenant en charge le mode sombre.
Composant Visionneuse à 360°
Un composant de visionneuse réactif à 360° avec des micro-interactions pour les médias sociaux, avec des thèmes clairs et sombres utilisant des couleurs analogues et une complexité modérée.