Using CSS3 to achieve Material Design effects

This article mainly introduces pure CSS3 to achieve Material Design effect. It is a beautification of native components based on tag attributes, which has certain reference value. Those who are interested can learn about it.

Preview

This is a css file that is being improved. It beautifies the native components based on label attributes. CSS cannot be used for datepicker, select, etc. The implementation is not considered in this article for the time being.

ButtonButton

##Initial button

button red orange blue green link

Stroke button

button red orange blue green

Disable button

disabled

##

+ +

Button Group

Text input

Switch

Single choice

radio1 radio3 radio4

Multiple choice

check1 check3 check4

Two commonly used functions of CSS3 rounded corners and gradients

Use CSS3 to match horizontal and vertical screens Screen method

The above is the detailed content of Using CSS3 to achieve Material Design effects. For more information, please follow other related articles on the PHP Chinese website!