HTML5+CSS3网页设计基础教程第15章_变形处理.pptVIP

* HTML5+CSS3网页设计基础教程 第15章 变形处理 HTML5+CSS3网页设计基础教程 第15章 变形处理 第*页 第15章 变形处理 本章概述 本章的学习目标 主要内容 第*页 本章概述 在CSS3中，可以使用transform功能实现文字或图像的旋转、缩放、倾斜和移动4种类型的变形处理。在变形处理中，会使用到deg这个单位，这是一种角度单位。旋转操作通过使用rotate方法来实现。缩放操作通过使用scale方法来实现。倾斜操作通过使用skew方法来实现。移动操作通过使用translate方法来实现。在使用transform功能实现变形操作时，可以指定变形的基准点。本章主要来介绍这些内容。 第*页 本章的学习目标 掌握CSS3中transform功能的使用方法，能够使用transform功能来实现文字或图像的旋转、缩放、倾斜和移动的变形效果。 能够将旋转、缩放、倾斜和移动这4种变形效果结合使用，并知道使用的先后顺序不同，页面显示结果会有什么样的区别。 掌握3D变形功能的概念和实现方法。 掌握变形矩阵的基本概念和使用方法。 第*页 主要内容 15.1 认识transform 15.2 2D变形 15.3 3D变形 15.4 变形矩阵 15.5 本章小结 第*页 15.1 认识transform 在CSS3中，使用transform属性来实现文字或