CCHub Logo CCHub Tailwind Collection
구성 요소 360° 뷰어 360° 뷰어 구성 요소

360° 뷰어 구성 요소

다크 모드를 지원하는 Tailwind CSS를 사용하는 미니멀하고 반응이 빠른 360° 뷰어 구성 요소입니다.

미리 보기

HTML 코드 

<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>

관련 구성 요소

360° 뷰어 구성 요소

전자 상거래를 위해 설계된 간단한 360° 뷰어 구성 요소로, 마이크로 인터랙션과 어스 톤 색 구성표를 특징으로 하며 다크 모드를 지원합니다.

열다

360_Viewer_Component_Watercolor_Corporate_Blues

수채화/예술적 디자인 스타일과 기업 블루 색상 구성표가 있는 복잡한 360° 뷰어 구성 요소로, 예약 및 예약 시스템에 특별히 적합합니다. 여러 대화형 요소를 특징으로 하며 다크 모드 지원으로 완벽하게 반응합니다.

열다

360° 뷰어 구성 요소

Material Design에서 영감을 받은 360° 뷰어 구성 요소는 작업이나 제품을 전시하기 위한 생생한 색상과 반응형 디자인 및 다크 모드 지원을 제공합니다.

열다