[Решено {интересный эффект}] вопрос на засыпку

[milus]

всем привет! Недавно бороздил просторы интернета в поисках творческого вдохновения и наткнулся на этот сайт http://www.angelbean.co.uk ну и очень меня заинтересовала реализация одного элемента дизайна. Кто-нибудь может объяснить, что это такое и каким образом оно достигается - я так понимаю это не рисунок, а часть какой-то границы некого контента... У кого есть какие догадки?

[Svarli]

Делается это с помощью css, в данном случае сделано с помощью псевдоэлементов :before и :after и следующего кода

#main-nav:before{
	content:"";
	position:absolute;
	display:block;
	left:-32px;
	top:12px;
	border:20px solid #84113b;
	border-right-width:16px !important;
	border-left-color:transparent;
	z-index:-3;
}
#main-nav:after {
	content:"";
	position:absolute;
	display:block;
	right:-32px;
	top:12px;
	border:20px solid #84113b;
	border-left-width:16px !important;
	border-right-color:transparent;
	z-index:-3;
}

Объяснение этому простое, вы поймете, если посмотрите как ведет себя код ниже

.block1 {
	height:0;
	width:0;
	border-width:50px;
	border-style:solid;
	border-color:red blue orange green;
}

результатом этого кода будет вот такой разноцветный квадрат

а если изменить код вот так

.block1 {
	height:0;
	width:0;
	border-width:50px;
	border-style:solid;
	border-color:red transparent red red;
}

то получим тоже, что и там на сайте

[milus]

да спасибо большое - разобрался.