фон квадратный с одной стороны под углом

Question

Я хочу, чтобы создать прозрачный фон, используя только CSS, но с углом на одном конце. Я нашел различные способы сделать это, но не могу получить его. Я действительно не хочу использовать какие-либо скрипты, просто CSS.

Фоновое изображение нужно будет выглядеть следующим образом:

Answer 1

Вы можете сделать это с помощью границ: http://jsfiddle.net/wNhjb/

#shape { 
    height: 0; 
    width: 80px; 
    border-top: 80px solid blue; 
    border-left: 40px solid transparent; 
}