Class: .shadow: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 11: | Line 11: | ||
} | } | ||
</pre> | </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> | ||
Revision as of 03:43, 9 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;
}
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>