Pfeile und Pyramiden mit CSS

Kommentieren Mar 20 2009 .txt, .json, .md

Als erstes dachte ich da will mich jemand verarschen.

Aber nach einer weile überlegen, ist der groschen gefallen.

Erster mal diesen Artikel anschauen:

CSS: Magic of ‘border’ property

So wie funktioniert das nun ?

Nun ja die Ränder eines Elementes laufen im 45° Winkel zusammen und damit hat man schon seine Kanten.

Für eine Pyramide braucht man einfach diesen CSS code:

border-left:30px solid #FFF;
border-right:30px solid #FFF;
border-bottom:50px solid #FF8400;
width:0;
margin-bottom:30px;

Wieder was gelernt.

banana out.