📌  相关文章
📜  Materialize-阴影

📅  最后修改于: 2020-10-22 08:24:03             🧑  作者: Mango

 

Materialise具有几个特殊的类，可将容器显示为带有阴影的纸质卡片。

Sr.No. Class Name & Description
1 z-depth-0

Removes the shadow of elements having z-depth by default.
2 z-depth-1

Styles a container for any HTML content with 1px bordered shadow. Adds z-depth of 1.
3 z-depth-2

Styles a container for any HTML content with 2px bordered shadow. Adds z-depth of 2.
4 z-depth-3

Styles a container for any HTML content with 3px bordered shadow. Adds z-depth of 3.
5 z-depth-4

Styles a container for any HTML content with 4px bordered shadow. Adds z-depth of 4.
6 z-depth-5

Styles a container for any HTML content with 5px bordered shadow. Adds z-depth of 5.

例

materialize_shadows.htm

The Materialize Example
            
      
      
                 
                   
      
      
   
   
    
      
Materialize Shadow Examples

      
      

      

         
TODO: Learn HTML5

      

      
      

         
TODO: Learn HTML5

      

      
      

         
TODO: Learn HTML5

      

      
      

         
TODO: Learn HTML5

      

      
      

         
TODO: Learn HTML5

      

      
      

         
TODO: Learn HTML5

结果

验证结果。