Record · corpus.blog/posts/01a07df5-011c-730b-8c6e-efa9dfd0bc77

Clipping in CSS and SVG — The clip-path Property and Element

Sara Soueidan · published 8 July 2014

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at sarasoueidan.com Wayback capture

2blogs citing

First cited: 28 Sept 2020
Most recent: 10 Jul 2024
Rank this month: not ranked
Links from this post: 19
Words captured: 9,521

Cited by

Blog

In the post

Date

prepitaph.org

CSS Vector-Path Scaling Read at the source ↗

10 Jul 2024

simeonGriggs.dev | Thoughts on Internet

Responsive, Extendable Squircles with SVG Read at the source ↗

28 Sept 2020

Links from this post

Link

Host

https://github.com/awgreenblatt/css-graphics

github.com

http://www.w3.org/TR/css-shapes/

w3.org

http://alistapart.com/article/css-shapes-101

alistapart.com

Creating Non-Rectangular Layouts With CSS Shapes Read at the source ↗

sarasoueidan.com

http://www.w3.org/TR/2014/WD-css-masking-1-20140213/

w3.org

http://dev.w3.org/csswg/css-shapes-2/

dev.w3.org

https://www.sarasoueidan.com/demos/css-svg-clipping/html-img-clipped-with-css/index.html

sarasoueidan.com

https://www.sarasoueidan.com/demos/css-svg-clipping/html-img-clipped-with-css-svg-clippath/index.html

sarasoueidan.com

http://www.google.com/fonts/specimen/Vollkorn

google.com

https://www.sarasoueidan.com/demos/css-svg-clipping/html-img-clipped-with-css-svg-clippath-text/index.html

sarasoueidan.com

https://www.sarasoueidan.com/demos/css-svg-clipping/html-img-clipped-with-css-svg-clippath-multiple-shapes/index.html

sarasoueidan.com

https://www.sarasoueidan.com/demos/css-svg-clipping/svg-image-clipped-with-css/index.html

sarasoueidan.com

Animating CSS Shapes with CSS Animations and Transitions Read at the source ↗

sarasoueidan.com

https://docs.google.com/presentation/d/1Iuvf3saPCJepVJBDNNDSmSsA0_rwtRYehSmmSSLYFVQ/pub?start=false&loop=false&delayms=3000

docs.google.com

https://code.google.com/p/chromium/issues/detail?id=391604

code.google.com

https://www.sarasoueidan.com/demos/css-svg-clipping/html-img-clipped-with-css-svg-clippath-animated/index.html

sarasoueidan.com

http://www.w3.org/TR/2011/REC-SVG11-20110816/intro.html

w3.org

http://www.w3.org/TR/2011/REC-SVG11-20110816/styling.html

w3.org

https://www.sarasoueidan.com/demos/css-svg-clipping/svg-img-clipped-pointer-events/index.html

sarasoueidan.com