Class: .shadow: Difference between revisions
Jump to navigation
Jump to search
(Created page with "<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>") |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| 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> | |||
'''Note:''' When using display:single, the rule <tt>overflow:hidden</tt> is added to the flipbook element, so that the <tt>.shadow</tt> class will be added to the flipbook. | |||
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb> | <yambe:breadcrumb>Turn CSS</yambe:breadcrumb> | ||
Latest revision as of 06:46, 26 November 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;
}
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>