Компонент 360 Viewer

Компонент 360° Viewer с поддержкой темного режима и адаптивным дизайном, созданный с помощью Tailwind CSS. Не требует JavaScript, используя только CSS для стилизации и отзывчивости.

Предварительный просмотр

HTML-код

<div class="flex items-center justify-center min-h-screen bg-gray-900">
  <div class="container px-4">
    <div class="relative w-full max-w-lg mx-auto">
      </div>
    </div>
  </div>

Связанные компоненты

Компонент 360 Viewer

Компонент 360-градусного просмотра с дизайном Glassmorphism, монохроматической цветовой схемой и умеренной сложностью. Он предназначен для блогов/контентных целей, является адаптивным и поддерживает темный режим с использованием Tailwind CSS. JavaScript не включен, только HTML с классами Tailwind. Использует picsum.photos для изображений.

Открытый

Компонент просмотра на 360°

Простой компонент просмотра на 360°, использующий стиль Glassmorphism и отзывчивый дизайн с поддержкой темного режима.

Открытый

Компонент просмотра на 360°

Компонент 360° Viewer, выполненный в скевоморфном стиле с использованием цветовой схемы в оттенках серого. Он имеет интерфейс средней сложности, подходящий для приложений социальных сетей, поддерживающий как светлую, так и темную темы.

Открытый