📜  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

结果

验证结果。