Das Runde muss ins Eckige [5] (CSSBattle)

A presentation at Tech Talk @ Tagesspiegel in June 2026 in by Gunnar Bittersmann

Slide 1

Slide 1

Das Runde muss ins Eckige [5]

Slide 2

Slide 2

Das Runde muss ins Eckige [5]

Slide 3

Slide 3

Das Runde muss ins Eckige [5]

Slide 4

Slide 4

Slide 5

Slide 5

Slide 6

Slide 6

Photo by Flavio on Unsplash

Slide 7

Slide 7

  1. TIL about masks
  2. TIL about clipping
  3. TIL about background-clip
  4. TIL about clip-path
  5. TIL when to wear a mask

Slide 8

Slide 8

TIL about clip-path

Slide 9

Slide 9

<style>&{margin:50 100}*{background:#1A4341;box-shadow:0 var(--s,9in#EBE77E)inset;*{--s:97q#84BE8D;clip-path:inset(12%round 73q

Slide 10

Slide 10

<style>&{margin:50 100}*{background:#1A4341;box-shadow:0 var(--s,9in#EBE77E)inset;*{--s:97q#84BE8D;clip-path:circle(70px

Slide 11

Slide 11

Das Runde muss ins Eckige [5]

Slide 12

Slide 12

Das Runde muss ins Eckige [5]