360°-Viewer-Komponente
Eine minimalistische und reaktionsschnelle 360°-Viewer-Komponente, die Tailwind CSS mit Unterstützung für den Dunkelmodus verwendet.
HTML-Code
<div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg overflow-hidden p-4">
<h2 class="text-xl font-semibold text-gray-800 dark:text-gray-200 mb-4">360° Viewer</h2>
<div class="flex justify-center mb-4">
<img src="https://picsum.photos/700/400?random=1" alt="360° View" class="rounded-lg transition-transform duration-500 ease-in-out hover:scale-105">
</div>
<p class="text-gray-600 dark:text-gray-400 mb-2">Experience the object in 360° view. Hover to zoom in.</p>
<a href="#" class="text-blue-500 dark:text-blue-400 hover:underline">Learn more about this view</a>
</div>Verwandte Komponenten
360°-Viewer-Komponente
Eine vom Material Design inspirierte 360°-Viewer-Komponente mit lebendigen Farben für die Präsentation von Arbeiten oder Produkten, mit responsivem Design und Unterstützung für den Dunkelmodus.
360°-Viewer-Komponente
Eine 360°-Viewer-Komponente mit einem neumorphen Design, responsiven Effekten und Unterstützung für dunkle Designs mit Tailwind CSS. Es verfügt über einen Container mit subtilen Schatten und abgerundeten Ecken, einen Bildplatzhalter und Navigationspfeile, die mit dem Neumorphic-Effekt gestaltet sind.
360_viewer_component
Eine komplexe, reaktionsschnelle 360°-Viewer-Komponente mit Cyberpunk- und Herbstfarbästhetik, die für Bildungsplattformen entwickelt wurde. Es bietet Unterstützung für den Dunkelmodus, interaktive Elemente und eine reichhaltige Typografie.