@@ -2763,36 +2763,23 @@ section#demo {
2763
2763
color : green;
2764
2764
}
2765
2765
2766
- html {
2766
+ html {
2767
2767
margin : 0 ;
2768
2768
padding : 0 ;
2769
2769
min-height : 100% ;
2770
2770
background :
2771
- radial-gradient (circle at var (--x1 , 25% ) var (--y1 , 75% ), rgba (130 , 0 , 255 , 0.4 ), transparent 40% ),
2772
- radial-gradient (circle at var (--x2 , 75% ) var (--y2 , 25% ), rgba (0 , 98 , 255 , 0.5 ), transparent 45% ),
2773
- radial-gradient (circle at var (--x3 , 50% ) var (--y3 , 50% ), rgba (72 , 0 , 120 , 0.6 ), transparent 60% ),
2774
- radial-gradient (circle at var (--x4 , 60% ) var (--y4 , 80% ), rgba (200 , 0 , 255 , 0.3 ), transparent 50% ),
2775
- linear-gradient (135deg , # 3a0ca3 , # 4361ee , # 7209b7 );
2771
+ radial-gradient (circle at var (--x1 , 25% ) var (--y1 , 75% ), rgba (79 , 72 , 181 , 0.4 ), transparent 40% ),
2772
+ radial-gradient (circle at var (--x2 , 75% ) var (--y2 , 25% ), rgba (18 , 75 , 131 , 0.5 ), transparent 45% ),
2773
+ radial-gradient (circle at var (--x3 , 50% ) var (--y3 , 50% ), rgba (40 , 98 , 114 , 0.6 ), transparent 60% ),
2774
+ radial-gradient (circle at var (--x4 , 60% ) var (--y4 , 80% ), rgba (138 , 214 , 236 , 0.3 ), transparent 50% ),
2775
+ linear-gradient (135deg , # 4F48B5 , # 124B83 , # 286272 );
2776
2776
background-blend-mode : screen;
2777
2777
background-repeat : no-repeat;
2778
2778
background-size : cover;
2779
2779
background-attachment : fixed;
2780
2780
transition : background-position 0.2s ease;
2781
2781
}
2782
2782
2783
- html {
2784
- min-height : 100% ;
2785
- background :
2786
- radial-gradient (circle at var (--x1 , 25% ) var (--y1 , 75% ), rgba (130 , 0 , 255 , 0.4 ), transparent 40% ),
2787
- radial-gradient (circle at var (--x2 , 75% ) var (--y2 , 25% ), rgba (0 , 98 , 255 , 0.5 ), transparent 45% ),
2788
- radial-gradient (circle at var (--x3 , 50% ) var (--y3 , 50% ), rgba (72 , 0 , 120 , 0.6 ), transparent 60% ),
2789
- radial-gradient (circle at var (--x4 , 60% ) var (--y4 , 80% ), rgba (200 , 0 , 255 , 0.3 ), transparent 50% ),
2790
- linear-gradient (135deg , # 3a0ca3, # 4361ee, # 7209b7 );
2791
- background-attachment : fixed;
2792
- background-blend-mode : screen;
2793
- background-size : cover;
2794
- }
2795
-
2796
2783
@keyframes gradientGlow {
2797
2784
0% {
2798
2785
--x1 : 30% ;
0 commit comments