Upgrade to Pro — share decks privately, control downloads, hide ads and more …

TIL about clipping

Gunnar Bittersmann
March 29, 2021
Programming
0
27

TIL about clipping

Gunnar Bittersmann

March 29, 2021
Tweet

More Decks by Gunnar Bittersmann

See All by Gunnar Bittersmann
Responsive typography 2
gunnarbittersmann
0
100
Go home, Prettifier, you’re drunk!!
gunnarbittersmann
0
76
3 Fehler sind zu finden
gunnarbittersmann
0
120
TIL that the future :has already begun
gunnarbittersmann
0
88
TIL how to clear floats
gunnarbittersmann
0
81
TIL about showModal (from small things big things one day come)
gunnarbittersmann
0
93
Inclusive Design 24 2022 – Gunnar’s picks
gunnarbittersmann
0
81
The color rebeccapurple
gunnarbittersmann
0
130
Mehrsprachige Websites
gunnarbittersmann
0
90

Other Decks in Programming

See All in Programming
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
Open source software: how to live long and go far
gaelvaroquaux
0
620
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
110
最近のVS Codeで気になるニュース 2025/01
74th
1
250
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
Formの複雑さに立ち向かう
bmthd
1
720
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
Linux && Docker 研修/Linux && Docker training
forrep
23
4.5k
Honoとフロントエンドの 型安全性について
yodaka
4
250
SRE、開発、QAが協業して挑んだリリースプロセス改革@SRE Kaigi 2025
nealle
3
4.1k
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
2
490
SwiftUI Viewの責務分離
elmetal
PRO
0
140

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Being A Developer After 40
akosma
89
590k
Bash Introduction
62gerente
610
210k
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Building Adaptive Systems
keathley
40
2.4k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k

Transcript

  1. TIL about clipping

  2. Photo by Flavio Gasperini on Unsplash

  3. None

  4. <defs> <mask id="x"> <rect width="3000" height="630" fill="white"!" <ellipse cx="1510" cy="411"

    rx="220" ry="214" fill="black" stroke="none"!" !#mask> !#defs> <g mask="url(#x)">

  5. <defs> <clipPath id="x"> <rect width="3000" height="630" fill="white"!" <ellipse cx="1510" cy="411"

    rx="220" ry="214" fill="black" stroke="none"!" !#clipPath> !#defs> <g clip path="url(#x)">

  6. “

  7. <defs> <clipPath id="x"> <path d="................................................................ ................................................................"!" !#clipPath> !#defs> <g clip-path="url(#x)">

  8. Photo by Flavio Gasperini on Unsplash