CSS abgewinkelte Ecke erstellen

Hallo, ist es moeglich mit CSS ein Element an nur einer Seite ab zu winkeln, so wie in meinem Beispielbild und dann noch ein Text in der mitte zu platzieren? Bezueglich Browsersupport soll es mir egal sein, also ich wuerde auch die neusten CSS Versionen benutzen, wenn das geht?

Der hier verwendete Code

<style> #parallelogram { height: 0; width: 180px; border-bottom: 80px solid #037CA9; border-right: 40px solid transparent; } #parallelogram span{ font-size:25px; width:100%; display:block; height:80px; line-height:80px; color:white; text-align:center; } </style> <div id="parallelogram"><span>hallo</span></div>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!