How can I make a 45 degree responsive ribbon with folded corner?

Question

Is it possible to create css ribbon in corner shaped?

.

I\'ve tried with an png image, but is there any option to create using css ? should work with responsiv

Answer 1

Try using a Linear Gradient.

To create a linear gradient, you must define at least two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect.

Syntax:

background-image: linear-gradient(direction, color-stop1, color-stop2, ...)

_{Source: W3Schools.com}