Angular Material White Frame - Angular Material

What is Angular Material White Frame?

Angular Material has several special classes to display containers as paper-like cards with shadow.

S.N.

Class Name & Description

1

md-whiteframe-1dp
Styles a container for any HTML content with 1px bordered shadow. Adds z-depth of 1.

2

md-whiteframe-2dp
Styles a container for any HTML content with 2px bordered shadow. Adds z-depth of 2.

3

md-whiteframe-3dp
Styles a container for any HTML content with 3px bordered shadow. Adds z-depth of 3.

4

md-whiteframe-4dp
Styles a container for any HTML content with 4px bordered shadow. Adds z-depth of 4.

5

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

6

md-whiteframe-6dp
Styles a container for any HTML content with 6px bordered shadow. Adds z-depth of 6.

7

md-whiteframe-7dp
Styles a container for any HTML content with 7px bordered shadow. Adds z-depth of 7.

8

md-whiteframe-8dp
Styles a container for any HTML content with 8px bordered shadow. Adds z-depth of 8.

9

md-whiteframe-9dp
Styles a container for any HTML content with 9px bordered shadow. Adds z-depth of 9.

10

md-whiteframe-10dp
Styles a container for any HTML content with 10px bordered shadow. Adds z-depth of 10.

11

md-whiteframe-11dp
Styles a container for any HTML content with 11px bordered shadow. Adds z-depth of 11.

12

md-whiteframe-12dp
Styles a container for any HTML content with 12px bordered shadow. Adds z-depth of 12.

13

md-whiteframe-13dp
Styles a container for any HTML content with 13px bordered shadow. Adds z-depth of 13.

14

md-whiteframe-14dp
Styles a container for any HTML content with 14px bordered shadow. Adds z-depth of 14.

15

md-whiteframe-15dp
Styles a container for any HTML content with 15px bordered shadow. Adds z-depth of 15.

16

md-whiteframe-16dp
Styles a container for any HTML content with 16px bordered shadow. Adds z-depth of 16.

17

md-whiteframe-17dp
Styles a container for any HTML content with 17px bordered shadow. Adds z-depth of 17.

18

md-whiteframe-18dp
Styles a container for any HTML content with 18px bordered shadow. Adds z-depth of 18.

19

md-whiteframe-19dp
Styles a container for any HTML content with 19px bordered shadow. Adds z-depth of 19.

20

md-whiteframe-20dp
Styles a container for any HTML content with 20px bordered shadow. Adds z-depth of 20.

20

md-whiteframe-21dp
Styles a container for any HTML content with 21px bordered shadow. Adds z-depth of 21.

20

md-whiteframe-22dp
Styles a container for any HTML content with 22px bordered shadow. Adds z-depth of 22.

20

md-whiteframe-23dp
Styles a container for any HTML content with 23px bordered shadow. Adds z-depth of 23.

20

md-whiteframe-24dp
Styles a container for any HTML content with 24px bordered shadow. Adds z-depth of 24.

Example

The next instance showcases the use of shadow classes.

am_whiteframes.htm


AM White Frame

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Angular Material Topics