Class: .shadow: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
(Created page with "<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>")
 
No edit summary
Line 1: Line 1:
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:
<pre class="css">
#flipbook .shadow,
#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;
}
</pre>
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>

Revision as of 04:56, 7 July 2012

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,
#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;
}

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