相關主題
商品描述
Present information in stunning new ways by transforming CSS elements in two- and three-dimensional space. Whether you’re rotating a photo, doing some interesting perspective tricks, or creating an interface that lets you reveal information on an element’s backside, this practical guide shows you how to use them to great effect.
Short and sweet, this book is an excerpt from the upcoming fourth edition of CSS: The Definitive Guide. When you purchase either the print or the ebook edition of Transforms in CSS, you’ll receive a discount on the entire Definitive Guide once it’s released. Why wait? Learn how to bring life to your web pages now.
- Create interesting combinations of 2D transforms and fully 3D-acting interfaces
- Learn two types of coordinate systems used in CSS transforms: the Cartesian coordinate system and the spherical system
- Use the transform property to translate, scale, rotate, and skew an element
- Create the illusion of depth by adding perspective to an element—or one perspective to a group of elements
- Reveal the back of an element with the backface-visibility property
商品描述(中文翻譯)
以令人驚艷的方式呈現資訊，透過將 CSS 元素轉換為二維和三維空間。無論您是旋轉照片、進行有趣的透視技巧，還是創建一個介面，讓您可以在元素的背面顯示資訊，這本實用指南將教您如何以極佳效果使用它們。
這本書是即將發行的《CSS: The Definitive Guide》第四版的一部分。當您購買《Transforms in CSS》的印刷版或電子版時，一旦《Definitive Guide》發行，您將享有整本書的折扣優惠。為什麼等待呢？立即學習如何為您的網頁注入生命。
本書簡短而精煉，內容包括：
- 創建有趣的二維轉換組合和完全具有三維效果的介面
- 學習 CSS 轉換中使用的兩種座標系統：笛卡爾座標系統和球面座標系統
- 使用「transform」屬性來平移、縮放、旋轉和傾斜元素
- 通過為元素添加透視效果（或一組元素添加透視效果）來創造深度的錯覺
- 使用「backface-visibility」屬性顯示元素的背面
