DEV Community

Discussion on: Background fill animation on complex shapes

fcfn profile image
Peter Timoshevsky Author • Edited on

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.