Using gradients to achieve the effects of books

If the middle part is a bit like a shadow, the effect is to use the gradient in the CSS3 (gradients) to achieve

Structure:

A div to the left and a div to the right.

Style:

The left one has a white background.

The div on the right sets the gradient properties: Background:-webkit-linear-gradient (left, #dddddd, white);/*safari 5.1-6.0*/

Background:-o-linear-gradient (right, #dddddd, white);/*opera 11.1-12.0*/

Background:-moz-linear-gradient (right, #dddddd, white);/*firefox 3.6-15*/

Background:linear-gradient (To-right, #dddddd, white);/* standard notation (must be placed at the end) */

Description: Linear-gradient is a linear gradient. The last background in to-right refers to the #dddddd from the left to the

Note: IE9 and its lower versions do not support gradients.

Using gradients to achieve the effects of books