Composant Visionneuse à 360°
Un composant de visionneuse simple à 360° conçu selon les principes de Material Design, utilisant des couleurs vives et une prise en charge du thème sombre, adapté à la présentation de portfolios.
HTML Code
<div class="flex flex-col items-center justify-center p-5 bg-white dark:bg-gray-800 rounded-lg shadow-lg transition duration-300 ease-in-out">
<h1 class="text-2xl font-bold text-blue-600 dark:text-blue-400 mb-4">360° Viewer Component</h1>
<div class="relative w-full h-80 overflow-hidden rounded-lg shadow-md">
<img src="https://picsum.photos/seed/viewer1/400/300" alt="360° View" class="w-full h-full object-cover transition-transform duration-700 ease-in-out" />
<div class="absolute inset-0 flex items-center justify-center bg-black bg-opacity-50 rounded-lg">
<span class="text-white text-lg">Swipe to view</span>
</div>
</div>
<p class="mt-4 text-gray-700 dark:text-gray-300">Showcase your work or products beautifully.</p>
<div class="flex space-x-4 mt-6">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-2 border-white shadow-lg dark:border-gray-800" />
<img src="https://randomuser.me/api/portraits/men/2.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-2 border-white shadow-lg dark:border-gray-800" />
<img src="https://randomuser.me/api/portraits/men/3.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-2 border-white shadow-lg dark:border-gray-800" />
</div>
</div>Composants associés
360_viewer_component
Un composant de visionneuse à 360° complexe et réactif avec une esthétique cyberpunk et des couleurs automnales, conçu pour les plateformes éducatives. Il prend en charge le mode sombre, des éléments interactifs et une typographie riche.
Composant Visionneuse à 360°
Un composant de visionneuse 360° réactif conçu pour les tableaux de bord avec un style de conception 3D et la prise en charge du mode sombre.
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.