How to make a block an arrow?

Question

css

Evening at home! What is the best way to implement such transitions for blocks? The page must be responsive, and so should the angle of the block. Thank you!

Answer 1

You can try to make two absolutely positioned blocks, and apply the transform property to them (rotate to the desired angle) so that their point of contact becomes an angle.
Well, or a simpler option - insert an image of the corner img

Answer 2

Ordinary triangles on CSS through pseudo-elements, why pictures?

Answer 3

Geometric shapes will help you, in this case, a triangle https://m.habrahabr.ru/post/126207/

Answer 4

The best way is - https://www.viget.com/articles/angled-edges-with-c...