Componente visualizzatore a 360°
Un componente visualizzatore a 360° progettato in stile brutalista, caratterizzato da un contrasto elevato e layout insoliti, che supporta il tema scuro e gli effetti di design reattivi.
Codice HTML
<div class="bg-gray-900 text-white p-8 rounded-lg shadow-lg flex flex-col items-center">
<h2 class="text-3xl font-bold mb-6">360° Viewer</h2>
<p class="text-lg mb-4">Explore the 360° view of the object.</p>
<div class="w-full h-64 border-4 border-white overflow-hidden rounded-lg flex items-center justify-center">
<img src="https://picsum.photos/600/400?random=1" alt="360 View" class="transform duration-500 hover:scale-105"/>
</div>
<div class="mt-6 flex space-x-4">
<img src="https://randomuser.me/api/portraits/men/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-4 border-white shadow-lg"/>
<img src="https://randomuser.me/api/portraits/women/1.jpg" alt="Avatar" class="w-12 h-12 rounded-full border-4 border-white shadow-lg"/>
</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 componente visualizzatore a 360° che utilizza lo stile di progettazione Glassmorphism con effetti reattivi e supporto per temi scuri.
Componente visualizzatore a 360°
Un componente visualizzatore a 360° progettato con uno stile scheumorfico, utilizzando una combinazione di colori in scala di grigi. È dotato di un'interfaccia di media complessità adatta per applicazioni di social media, che supporta temi chiari e scuri.