Explore the power of CSS transforms for creating 3D shapes in this 30-minute conference talk from CSSconf.eu 2013. Dive into the mathematical principles behind transforms and learn how to create polygons, polyhedra, and 3D surfaces from simple rectangles. Discover techniques for achieving visually stunning effects by understanding the geometry, trigonometry, and transformations involved. Follow along as the speaker covers topics such as 2D geometry, central angles, skew transforms, sine and cosine functions, pentagon creation, prism transformations, and infinite strips. Gain valuable insights into leveraging CSS transforms to elevate your web design and create captivating 3D visuals.
Overview
Syllabus
Intro
Recap 2D geometry
Carbon molecule
Central angle
Skew transform
Sine and cosine
Pentagon
Transforming prisms
Infinite strips
Taught by
JSConf