Composants Visionneuse à 360° Composant Visionneuse à 360°

Composant Visionneuse à 360°

Un composant de visualisation à 360° minimaliste et réactif utilisant Tailwind CSS avec prise en charge du mode sombre.

Aperçu

HTML Code

<div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden p-4">
    <h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">360° Viewer</h2>
    <div class="flex justify-center mb-4">
        <img src="https://picsum.photos/700/400?random=1" alt="360° View" class="rounded-lg transition-transform duration-500 ease-in-out hover:scale-105">
    </div>
    <p class="text-gray-600 dark:text-gray-400 mb-2">Experience the object in 360° view. Hover to zoom in.</p>
    <a href="#" class="text-blue-500 dark:text-blue-400 hover:underline">Learn more about this view</a>
</div>

Composants associés

Composant Visionneuse à 360°

Un composant de visionneuse à 360° de style brutalisme qui présente une image rotative dans un design brut et audacieux, avec des effets réactifs et une prise en charge du thème sombre à l’aide de Tailwind CSS.

Ouvrir

360_Viewer_Component

Un composant de visualisation complexe à 360° avec un design de glassmorphism, une palette de couleurs en niveaux de gris et des éléments interactifs, adapté aux plateformes éducatives. Comprend une réactivité complète et la prise en charge du mode sombre.

Ouvrir

360_Viewer_Component

Un composant de visualisation à 360° simple et réactif avec un accent sur la micro-interaction pour les sites Web d’entreprise, avec des tons de terre et une prise en charge du mode sombre. Conçu pour simuler une visionneuse interactive à 360°, permettant aux utilisateurs de « cliquer et glisser » pour faire pivoter une image.

Ouvrir