一.用CSS3的好处

1.使用简单，易于学习

2.性能相对优化

二.学习前需要了解的知识

html5基本语法

css3基本用法

三.页面效果展示

效果图片展示

如图片所示（这里以网上书城系统为例），当鼠标滑过书本（中间书）时，书的图片放大，并且会从左边滑过标签显示书目的价格，简介，作者等信息。当鼠标移开就恢复原状。（如图，左右两边的为初始状态，中间的为鼠标滑过的状态）

四.主要内容

1.掌握figure以及figcaption的基本用法

2.熟练掌握transform的基本属性及其用法

3.通过transition和transform配合制作简单的动画

五.属性及其代码介绍

（1）figure和figcaption（HTML）

figure标签：用于规定独立的内容，好比一个容器，用来存放图像，图表，照片等

figcaption标签：和figure一起使用，主要是用来定义figure标签的标题。

（2）transform和transition（CSS属性）

transform：用于元素的变形处理（例如：放大，缩小，旋转等）原理：通过改变元素的位置参数来实现元素的变形。

transition：用于元素过渡动画处理。（通过参数设置控制动画时间，延迟等）

HTML页面：

HTML的基本部署在此不多讲。

如果想要使得页面分布合理些可以建立table标签，将页面分为几个模块，每个模块存放一个元素（这里以书本代替）在此直接编写figure代码。

在table的子标签