Views
Actions

Class: .shadow

From Turn.js Documentation
(Difference between revisions)
Jump to: navigation, search
 
Line 4: Line 4:
 
#flipbook .shadow,
 
#flipbook .shadow,
 
#flipbook.shadow{
 
#flipbook.shadow{
-webkit-box-shadow: 0 4px 10px #666;
+
  -webkit-box-shadow: 0 4px 10px #666;
-moz-box-shadow: 0 4px 10px #666;
+
  -moz-box-shadow: 0 4px 10px #666;
-ms-box-shadow: 0 4px 10px #666;
+
  -ms-box-shadow: 0 4px 10px #666;
-o-box-shadow: 0 4px 10px #666;
+
  -o-box-shadow: 0 4px 10px #666;
box-shadow: 0 4px 10px #666;
+
  box-shadow: 0 4px 10px #666;
 
}
 
}
 
</pre>
 
</pre>

Latest revision as of 23:46, 25 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.

Main Page > Turn CSS > Class: .shadow