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 |