Animating clip paths on scroll with @property in CSS
![A polaroid like frame holding an image, with a rotate and scroll icon next to it](/_astro/visual-clip-path-at-property-scroll.DAFTCtyx_1FzErJ.jpg)
While experimenting with CSS, you sometimes discover a technique you want to do more of. This is one of those discoveries for me... I love how we can now animate clip paths on scroll with CSS. From animating an image into a star to creating Polaroid-like images on scroll. In this article, I’d like to demo some techniques we can use to create these interesting effects using clip paths, @property, and even container units to create visually pleasing scroll-driven animations.
Read moreabout Animating clip paths on scroll with @property in CSS