File tree Expand file tree Collapse file tree 1 file changed +7
-25
lines changed
Expand file tree Collapse file tree 1 file changed +7
-25
lines changed Original file line number Diff line number Diff line change @@ -24,33 +24,15 @@ import { GradientHover } from "react-gradient-hover";
2424
2525## Multiple Gradient Colors
2626
27- The component now supports any number of gradient colors:
27+ The component supports multiple color stops. The more colors added, the higher the performance cost.
2828
2929``` jsx
30- <>
31- < GradientHover
32- colors= {[" #E95A45" , " #FCF2C1" , " #539C99" ]}
33- style= {{ marginBottom: 10 }}
34- >
35- < div style= {{ padding: 20 }}> Three- color gradient< / div>
36- < / GradientHover>
37-
38- < GradientHover
39- colors= {[
40- " #ef5350" ,
41- " #f48fb1" ,
42- " #7e57c2" ,
43- " #2196f3" ,
44- " #26c6da" ,
45- " #43a047" ,
46- " #eeff41" ,
47- " #f9a825" ,
48- " #ff5722" ,
49- ]}
50- >
51- < div style= {{ padding: 20 }}> Multi- color gradient< / div>
52- < / GradientHover>
53- < / >
30+ < GradientHover
31+ colors= {[" #E95A45" , " #FCF2C1" , " #539C99" ]}
32+ style= {{ marginBottom: 10 }}
33+ >
34+ < div style= {{ padding: 20 }}> Three- color gradient< / div>
35+ < / GradientHover>
5436```
5537
5638## Interactive Playground
You can’t perform that action at this time.
0 commit comments