Effect styles
Introduction
Effect styles are a key part of the design system.
To define Effect styles, we have the following principles: 1. Widely used in design. 2. The number of Effect styles should be as small as possible.
Rules of use
Please try to keep the number of Effect styles below 8.
90% principle: If the Effect styles used in a single product accounts for less than 10%, please do not include it in the design system.
How to use
Effect styles can be added, modified and deleted. Modifying them will affect all components and pages, please proceed with caution.
BG blur 20
Background blur 20