Class: .shadow

From Turn.js Documentation
Revision as of 06:46, 26 November 2012 by Emmanuel (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

This class describes the visible area of the flipbook. That is, because it surrounds the flipbook, it’s suitable for a shadow around the flipbook. For example:

#flipbook .shadow,
  -webkit-box-shadow: 0 4px 10px #666;
  -moz-box-shadow: 0 4px 10px #666;
  -ms-box-shadow: 0 4px 10px #666;
  -o-box-shadow: 0 4px 10px #666;
  box-shadow: 0 4px 10px #666;

Note: When using display:single, the rule overflow:hidden is added to the flipbook element, so that the .shadow class will be added to the flipbook.

<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>