CSS 배경 솔리드 컬러는 대각선으로?

Question

은 가능한 CSS에서 그냥이

.test { 
width: 0; 
height: 0; 

border-bottom: 60px solid transparent; 

border-left: 60px solid green; 
} 

처럼 보이는 배경을 만드는 것입니다하지만 난 대각선을 통해 갈 수있는 텍스트가 필요합니다. 이 작업은 경계를 이동하여 수행되지만 배경에서 필요합니다. 이미지를 넣을 수 있지만 CSS가되어야합니다. 감사합니다.

Answer 1

예, 그래디언트를 사용할 수 있습니다. 브라우저 지원은 완료되지 않았지만 (일반적인 용의자).

Here's a live example.

ColorZilla's Ultimate CSS Gradient Generator을 사용하여 생성됩니다.