I want to create a transparent circle that grows on scroll, and that has a background

4 Replies
b1mind
b1mind12mo ago
few different ways but either animate SVG with masking. or animate a CSS clippath
Aldrin
Aldrin12mo ago
CSS clip path sounds better option
b1mind
b1mind12mo ago
big old #depends I might use the <image> within SVG for its aspect ratio and clipping (while retaining the circle pos). 🤷‍♂️ also its way easier to make a <circle> hah
Aldrin
Aldrin12mo ago
ok, let me try this thanks