Class: .shadow: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
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> |
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>