Progressive enhancement:
Build pages for low-version browsers to ensure the most basic functions, and then improve effects, interactions, and additional functions for advanced browsers to achieve a better user experience.
Graceful degradation:
Build a complete function from the beginning, and then make compatibility for lower version browsers.
Difference: Progressive enhancement is upward compatibility, and graceful degradation is downward compatibility.
Browser prefix:
CSS gradients are divided into the following two categories:
Linear Gradients-Down/Up/Left/Right/Diagonal Directions
Radial Gradients-Defined by their center
but the compatibility of gradient colors is very serious, here is a linear gradient :
background:-webkit-linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);
background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);