Episode 117
Transforming the Shapes with Eva Ferreira
June 30, 2016
Web pages are visually and technically a pile of boxes. By default, all those boxes are rectangles and squares. But they don't have to be any longer. With CSS we can now transform those rectangles into parallelograms, rhombuses, skewed boxes, circles, and elephants — or any shape we want. Eva Ferreira joins Jen Simmons to talk about what's possible and how to do it.
In This Episode
- transforms
- rotation
- scaling
- skewing
- perspective
- translation
- clip-path
- shape-outside
- how CSS is born
Show Notes
- Slides and demos for Eva's talk, "Raiders of the Lost Transforms"
- Video Eva's talk at CSSConf Norway
- CSS Transforms Level 1 Specification
- CSS Transforms on MDN
- Can I Use 2D Transforms?
- Can I Use 3D Transforms?
- CSS Masking Level 1 Specification
- Clip Path on MDN
- Can I Use Clip-Path?
- CSS Shapes Level 1 Specification
- CSS Shapes on MDN
- Can I Use Shapes?
- CSSConf Argentina, a CSS conference in Buenos Aires, August 2016 that Eva is organizing