CSS abgewinkelte Ecke erstellen

Hallo, ist es möglich, mit CSS ein Element an nur einer Seite abzuwinkeln, so wie in meinem Beispielbild und dann noch ein Text in der Mitte zu platzieren? Bezüglich Browsersupport soll es mir egal sein, also ich würde 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!