Circular Gallery
A pure CSS circular image gallery with items arranged in a rotating ring using CSS @property for smooth animation.
Installation
npm install @duskmoon-dev/el-art-circular-galleryUsage
import '@duskmoon-dev/el-art-circular-gallery/register';<el-dm-art-circular-gallery count="8"></el-dm-art-circular-gallery>Live Demo
Default (8 items)
Custom Count
Sizes
Properties
| Property | Type | Default | Description |
|---|---|---|---|
count | number | 8 | Number of items in the gallery ring |
size | 'sm' | 'md' | 'lg' | 'md' | Size of the gallery |