Class: .shadow: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 4: | Line 4: | ||
#flipbook .shadow, | #flipbook .shadow, | ||
#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> | </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>