Composant Visionneuse à 360°
Un composant de visionneuse à 360° avec un design réactif et une prise en charge du thème sombre à l’aide de Tailwind CSS. Utilise CSS pour les animations et les interactions pour une sensation de micro-interaction. Pas de JavaScript.
HTML Code
<div class="flex justify-center items-center h-screen bg-gray-200 dark:bg-gray-800">
<div class="relative w-64 h-64">
<div class="absolute inset-0 bg-cover bg-center transform transition-transform duration-500 ease-in-out hover:rotate-180" style="background-image: url('https://picsum.photos/id/237/256/256');"></div>
<div class="absolute inset-0 flex justify-center items-center opacity-0 hover:opacity-100 transition-opacity duration-300">
<div class="text-white text-xl font-bold">View 360</div>
</div>
</div>
</div>Composants associés
Composant Visionneuse à 360°
Un composant simple de visualisation à 360° conçu avec un style brutaliste et des couleurs pastel, adapté aux interfaces de médias sociaux.
Composant Visionneuse à 360°
Un composant de visionneuse à 360° inspiré du Material Design avec des couleurs vives pour présenter le travail ou les produits, avec un design réactif et une prise en charge du mode sombre.
Composant Visionneuse à 360°
Un composant de visionneuse à 360° simple et réactif conçu avec le style Glassmorphism et une palette de couleurs pastel pour la consommation de contenu de blog, y compris la prise en charge du mode sombre.