在css中創建旋轉的色帶

我如何創建一個像this這樣的色帶，位於我的盒子的角落，並且它也是用css旋轉並且沒有圖像。在css中創建旋轉的色帶

我知道，退出一些工具和教程像this和this與CSS使絲帶容易。
但所有這些都是水平型，而我想創建一個旋轉的。

這個特別的例子可能只是部分tranaparent圖片，他們放在內容的頂部。 –

@ErJab實際上這是75％。 –

@MrLister - 我猜想，在看過我的評論後，ahmad決定將答案標記爲已接受。我看到它的時候是25％。 – ErJab

一旦你遵循這些教程以創建水平色帶，使用CSS3變換（旋轉）來旋轉色帶：http://davidwalsh.name/css-transform-rotate

2012-06-23 08:16:44 ErJab

2012-06-23 08:26:52

謝謝。我知道**轉換** css屬性以及它如何工作。但是當我想用水平絲帶來旋轉它時，結果將不會與我所展示的相似。 –

您在http://css3-tutorial.com/creating-ribbons-in-css3中給出的鏈接只需在其中添加此變壓器即可 –

回答