schräge Kanten mit CSS

[Gunnar Bittersmann]

@@heinetz

Mit CSS 3 habe ich eben mal mit rotateZ rumprobiert, was grundsätzlich funktioniert, mir aber recht schwer beherrschbar erschien.

Was genau erschien dir?

Ich hab da mal was gebastelt. Die Maße der Blende sind die Mindestmaße; kannste gern etwas größer machen, <ins>um Rundungsfehler auszugleichen</ins>. Für andere Winkel entsprechend berechnen.^[1]

Nun gut, mit Clip-path hat man das also für CSS3 weiterentwickelt. Dann wird's wohl seinen Sinn haben. Von der Bedienung her würde ich sagen, es ist genau das, was ich benötige. Aber der IE ist damit ganz raus, ausser man macht das mit SVG. Aha! Obwohl das garnicht so kompliziert aussieht, habe ich damit nun garkeine Erfahrung.

Diesen Artikel meines geschätzten Kollegen hast du gelesen?

LLAP 🖖

---

1. Nachtrag: Wenn man einen CSS-Präprozessor verwendet, kann man die Berechnung auch diesem überlassen. (Video, Folien) ↩︎