Как вы могли догадаться, это изображение является частью формы почтового конверта, которую я хотел бы создать с помощью CSS3, если это возможно. Я сделал другие части, но это сложно. Форма нуждается как в треугольном разрезе с обеих сторон, так и в закругленных углах (предположительно, граница-радиус-внизу-слева/граница-радиус-внизу-справа). Он также должен иметь возможность отбрасывать небольшую тень.
Это то, что я сделал до сих пор -
#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/
:before
и:after
с фоновыми изображениями. можно это сделать только с помощью css? да. следует сделать это только с помощью css? нет. - person zzzzBov   schedule 10.11.2011