Question

I'm trying to put slanted edge for inlined images/video side by side such as this website - http://campaign.mcdonalds.com.tw/McCafe/ does

How can I achieve this slanted edge effect?

Answer 1

This depends on how your layout is organized, but generally you can achieve this effect by using the transform css property. https://developer.mozilla.org/en-US/docs/Web/CSS/transform

Especially skew or skewY will help you here. Something like this.

clipsToBounds