Когда вы обрезаете элемент с помощью свойства clip-path, обрезанная область становится невидимой. Если вместо этого вы хотите сделать часть изображения непрозрачной или применить к ней какой-либо другой эффект, вам необходимо использовать маски. В этом посте объясняется, как использовать свойство mask-image в CSS

Drop-Shadow: недооцененный CSS-фильтр
Drop-Shadow: недооцененный CSS-фильтр

Если вы знакомы с CSS, вы, вероятно, знаете все о свойстве box-shadow. Но знаете ли вы, что есть CSS-фильтр drop-shadow, который делает нечто подобное? Как и box-shadow, мы можем передавать значения для x-offset, y-offset, радиуса размытия и цвета.