[РЕШЕНО] Помогите создать такую штуковину (блоки с треугольным правым концом)

[Codemex]

Всем привет подскажите, плз, как можно создать такую штуковину?
Пробую через псевдо :after, но получаются закрашенные стрелки после основного дива. Нужны именно такие очертания. Вроде ничего сложного должно быть, но голову сломал.

<div class="exp"></div>
<div class="exp"></div>

.exp {
    width: 200px;
    height: 150px;
    background: transparent;
    position: relative;
    outline: 1px solid #fff;
    outline-offset: 2px;
    display: inline-flex;
    text-align: left; 

}

.exp:after {
    content: '';
    width: 0;
    height: 0;
    left: 102%;
    top: 0;
    position: absolute;
    border-top: 75px solid transparent;
    border-left: 13px solid #ffffff;
    border-bottom: 75px solid transparent;
    
}

Спасибо.

Решение:

Сообщение от Codemex

Нашел решение, кому интересно тут http://jsfiddle.net/8Eh8G/

[Naive]

Сделай картинкой на SVG и не парься. На CSS это мастер-класс.

[Xo66um]

Если я правильно понял, то вам сюда (там и демо есть - можно посмотреть, и даже потыкать).

[Codemex]

Сообщение от Xo66um

Если я правильно понял, то вам сюда (там и демо есть - можно посмотреть, и даже потыкать).

Спасибо. Вроде то, что нужно а дальше поколдую.

[СтудПом]

В CSS3 есть трансформация. Можно попробовать каждый блок сделать из двух по высоте частей. По причине отсутствия надобности и лени, точно не знаю как, но точно знаю что можно

[Codemex]

Нашел решение, кому интересно тут http://jsfiddle.net/8Eh8G/