The advanced buttons contain gradient color buttons with customization options.

Gradient Button

Here are the examples of regular & fab style gradient button with medium & large size. You can apply any gradient color css class to material buttons i.e .gradient-45deg-purple-deep-orange

button

button

button

button

button

clear

clear

clear

clear

clear

button

button

button

button

button

clear

clear

clear

clear

clear

If you want to add shadow also use .gradient-shadowclass. All othere materialize framwork button classes will support with gradient buttons.

button

button

button

button

button

clear

clear

clear

clear

clear

button

button

button

button

button

clear

clear

clear

clear

clear

Note:Please refer css-color.htmlfile for all colors classes & more details.

Round Button

For round button you need to use class .border-round

copyuploadbackupdownload

Gradient button with shadow

For shadow button you ave to use class z-depth-1,z-depth-2,z-depth-3,z-depth-4,z-depth-5

copyuploadbackupdownload
add