Как полностью обрезать картинку?

Question

[DaniilPo]

Добрый день, есть такая фотография самолёта

spoiler

И я хочу добавить к ней тень в css но тень появляется только в прозрачной области вокруг самолёта
Как можно обрезать так что бы не было этого поля или есть ещё какие-то варианты?
сразу скажу что поставить тень в самой картинке я не могу так как мне нужно иметь возможность её менять в css

ПС. я не совсем уверен что я поставил правильно тэги если вы знаете более правильные то прошу измените, за ранее спасибо!

Comments

[Владимир Юрченков]

svg

Answer 1

[Вадим]

filter: drop-shadow(20px 14px 6px red);


Свойство относительно современное, а так же может бить по производительности(на слабых устройствах, при наличии динамики, при использовании на большом количестве элементов и тд). Других вариантов с учётом всех вводных - нет.
Либо векторный аналог картинки, либо на самой картинке.

Comments

[DaniilPo]

Это именно то что и нужно спасибо вам большое!

Answer 2

[iBird Rose]

картинке ты так тень не добавишь. варианты:
1) найти векторный исходник этой картинки и экспортировать ее в svg. и ей уже сможешь так тень добавить.
2) тень нарисовать на самой картинке в фотошопе