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
360_Viewer_Component_Watercolor_Corporate_Blues
Un complesso componente visualizzatore a 360° con uno stile di design artistico/acquerello e una combinazione di colori blu aziendale, specificamente progettato per i sistemi di prenotazione e prenotazione. È dotato di più elementi interattivi ed è completamente reattivo con il supporto della modalità oscura.
Componente visualizzatore 360
Un componente visualizzatore a 360° con un design neumorfico, effetti reattivi e supporto per temi scuri utilizzando Tailwind CSS. Presenta un contenitore con ombre sottili e angoli arrotondati, un segnaposto per l'immagine e frecce di navigazione con lo stile dell'effetto Neumorfico.
Componente visualizzatore a 360°
Un semplice componente visualizzatore a 360° progettato con i principi del Material Design, utilizzando colori vivaci e supporto per temi scuri, adatto per la presentazione del portfolio.