Componente visualizzatore 360
Componente visualizzatore a 360 gradi resposnive con supporto per la modalità oscura.
Codice HTML
<div class="flex justify-center items-center h-screen bg-gray-100 dark:bg-gray-900">
<div class="relative w-64 h-64">
<div class="absolute inset-0 transform rotate-45 bg-gray-300 dark:bg-gray-700"></div>
<div class="absolute inset-0 transform -rotate-45 bg-gray-400 dark:bg-gray-600"></div>
<div class="absolute inset-4 flex justify-center items-center bg-white dark:bg-gray-800">
<div class="w-32 h-32 bg-gray-200 dark:bg-gray-700 rounded-full flex items-center justify-center">
<svg class="w-16 h-16 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14m-7 0l-4.553 2.276A1 1 0 013 15.382v-6.764a1 1 0 011.447-.894L7 10m0 4v6a1 1 0 001 1h3v-60H8a1 1 0 00-1 1v6zmz"></path></svg>
</div>
</div>
</div>
</div>Componenti correlati
Componente visualizzatore a 360°
Un componente visualizzatore reattivo a 360 gradi progettato per l'e-commerce, con supporto per la modalità scura. Lo stile è retrò/vintage con una combinazione di colori pastello. Utilizza solo HTML e Tailwind CSS.
Componente visualizzatore a 360°
Un semplice componente visualizzatore a 360° progettato con uno stile brutalista e colori pastello, adatto per le interfacce dei social media.
PastelBrutalist360AssetViewer
Un componente Asset Viewer a 360° semplice e reattivo con uno stile di design brutalista e una combinazione di colori rosa pastello. Realizzato su misura per i cruscotti, è dotato di un segnaposto per immagini statiche (che simulano una vista a 360°), pulsanti di controllo non funzionanti e visualizzazione delle informazioni. Costruito con Tailwind CSS, supporta la modalità oscura e mostra un'estetica cruda e audace con bordi spessi e ombre sfalsate nette.