Некоторые преимущества использования свойства clip-path для создания градиентных теней:

• Возможность анимации. 1 С помощью clip-path можно анимировать точку координат, производя преобразования из одной отсечённой области в другую. 1
• Отсутствие маленьких треугольников. 1 Поскольку элементы отсекаются, псевдоэлементы можно использовать в качестве фона для обрезки и анимации, при этом на обрезанной границе не будут возникать маленькие треугольники. 1
• Поддержка закругления границ. 1 Метод clip-path позволяет создавать закруглённые границы с градиентным преобразованием. 1
• Использование гибких единиц длины. 3 Для определения координат базовых фигур с помощью CSS можно использовать проценты или любую единицу длины, например пиксели или em. 3 Такие единицы подходят для создания отзывчивых фигур, которые подходят для адаптивных макетов. 3