Как наложить эффект изображению?

Question

[atambalasi]

Возможно ли наложить такой эффект как на картинке с конусным бордером ? Сверху была размытая белая фон

Answer 1

[Сергей Котов]

чтобы сделать паралелограмоввую фигуру используй transform: skew(20deg);
на счет белого фона с верху используй linear-garient где второй цвет будет transparent. сижу с телефона не смогу песочницу скинуть

Comments

[atambalasi]

background-image: url("../img/about-bg.png") linear-gradient(to top bottom, #ffffff, transparent); не получается

[Сергей Котов]

atambalasi, конечно не получится linear-garient это относится как картинка то есть background-image: linear-garient(to bottom, #fff, transparent);


https://codepen.io/Liqrizz/pen/KLvXPq