Форма конверта CSS3

Как вы уже догадались, это изображение является частью формы почтового конверта, которую я хотел бы создать с помощью CSS3, если это возможно. Я сделал другие части, но эта непростая. Форма требует как треугольного среза с обеих сторон, так и закругленных углов (предположительно, border-radius-bottom-left / border-radius-bottom-right). Он также должен иметь способность отбрасывать небольшую тень.

Это то, что я делал до сих пор -

#envelope {
background: #fff;
}

.closed {
width: 860px;
height: 0; 
border-top: 80px solid fff;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
-moz-box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
box-shadow: 0 1px 5px #ccc;
}

jsFiddle - http://jsfiddle.net/hsYUy/

12
задан web-tiki 17 July 2014 в 17:51
поделиться