components / vinyl
vinyl.
a record on a platter — grooves as one repeating-radial-gradient, album art in the centre label, optional tonearm. pausing sets animation-play-state so the record holds where it stopped instead of snapping to twelve o'clock. round on purpose: it's the object, not a corner radius.
stopping holds the record where it is — starting picks up from there.
installation
bunx @justin06lee/chrome@latest add vinylprops
| name | type | default | description |
|---|---|---|---|
| src | string | - | art for the centre label; without it the label is a plain disc. |
| alt | string | '' | |
| size | number | 160 | diameter in px. |
| spinning | boolean | true | |
| period | number | 4 | seconds per revolution. |
| arm | boolean | false | drop the tonearm onto the record. |
| labelRatio | number | 0.36 | label diameter as a fraction of the record. |
| className | string | - |