Componente visualizzatore a 360°
Un componente visualizzatore a 360° con design reattivo e supporto per temi scuri utilizzando Tailwind CSS. Utilizza CSS per animazioni e interazioni per una sensazione di microinterazione. Niente JavaScript.
Codice HTML
<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>Componenti correlati
360_viewer_component
Un componente visualizzatore reattivo a 360° progettato per strumenti CRM/Business con un'interfaccia utente in modalità oscura e una combinazione di colori neon/elettrico.
Componente visualizzatore 360
Componente visualizzatore a 360 gradi resposnive con supporto per la modalità oscura.
Componente visualizzatore a 360°
Un componente visualizzatore a 360° con design scheumorfico, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS.