Как сверстать этот элемент?

Question

[Alexander]

Подскажите css3 свойства для этого.

Answer 1

[Bodarev]

habrahabr.ru/post/126207

.square {
	width: 100px;
	height: 0;
	border-top: 100px solid red; 
	border-right: 40px solid transparent;
}

Answer 2

[Дмитрий]

как вариант
https://jsfiddle.net/soledar10/f5atuf66/

Answer 3

[trushka]

Так градиент же!)
https://jsfiddle.net/trushka/0s9bs3r5/