Composant Visionneuse à 360°
Un composant de visionneuse minimaliste à 360° construit avec Tailwind CSS, avec des effets réactifs et une prise en charge des thèmes sombres.
HTML Code
<div class="flex flex-col items-center justify-center min-h-screen bg-white dark:bg-gray-800 transition-all duration-300">
<div class="relative w-full max-w-lg h-72 overflow-hidden rounded-lg shadow-lg">
<img src="https://picsum.photos/800/600?random=1" alt="360° View" class="object-cover w-full h-full transition-transform duration-500 hover:scale-105">
</div>
<div class="mt-4 text-center">
<h2 class="text-2xl font-semibold text-gray-800 dark:text-white">360° Viewer Component</h2>
<p class="mt-2 text-gray-600 dark:text-gray-400">Experience immersive views with our 360° viewer.</p>
</div>
<div class="mt-4 flex space-x-2">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full border-2 border-gray-200 dark:border-gray-700">
<img src="https://randomuser.me/api/portraits/women/1.jpg" alt="User Avatar" class="w-12 h-12 rounded-full border-2 border-gray-200 dark:border-gray-700">
<img src="https://randomuser.me/api/portraits/men/2.jpg" alt="User Avatar" class="w-12 h-12 rounded-full border-2 border-gray-200 dark:border-gray-700">
</div>
</div>Composants associés
Composant Visionneuse à 360°
Un simple composant de visualisation à 360° stylisé en Material Design avec des tons de terre pour un contexte de commerce électronique. Il comprend un design réactif avec prise en charge du mode sombre, présentant des images de picsum.photos et des avatars de randomuser.me.
Composant Visionneuse 360
Un composant de visualisation à 360 degrés avec un design Glassmorphism, une palette de couleurs monochromatique et une complexité modérée. Il est conçu à des fins de blog/contenu, est réactif et prend en charge le mode sombre à l’aide de Tailwind CSS. Aucun JavaScript n’est inclus, seulement du HTML avec des classes Tailwind. Utilise picsum.photos pour les images.
360_viewer_component
Un composant complexe de visualisation de produits à 360° avec une esthétique industrielle et brute utilisant une palette de couleurs violet/violet, adapté à un portefeuille. Comprend des éléments interactifs, un design réactif et la prise en charge du mode sombre.