Pfeile und Pyramiden mit CSS
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.