书籍翻页效果如何实现

一、css3基础：

1、transform的属性包括：rotate() / skew() / scale() / translate(,) 

rotate() ：含义：旋转；其中“deg”是“度”的意思，如“10deg”表示“10度”下同。.demo_transform1{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg)}

skew() ：含义：倾斜；

scale():含义：比例；“1.5”表示以1.5的比例放大，如果要放大2倍，须写成“2.0”，缩小则为负“-”。

translate(,)：  变动、位移

2、-webkit-gradient渐变

background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));

3、只不过不同的是 text-shadow是对象的文本设置阴影，

4、而 box-shadow是给对象实现图层阴影效果

5、opacity -- 不透明度

二、运用

1、方法：通过人的肉眼识别差，将多个div进行位移、旋转、渐变等，一些看不见的操作影藏在div（把整体的div设置为overflow：hide）