DEV Community

Discussion on: Background fill animation on complex shapes

Collapse
 
fcfn profile image
Peter Timoshevsky • Edited

I've managed to solve it somewhat with the clip-path property. That allows to create objects of arbitrary shapes whose background can than be manipulated by transitioning its background-position. Example:

I generated the arrow shape in this tool and the gradient for the background in this tool.