docs: more gradient color

zhongxiao37 · Nov 20, 2023 · cb876fc · cb876fc
1 parent 7f21f9f
commit cb876fc
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/_posts/2023-11-15-从零开始build一个进度环.md b/_posts/2023-11-15-从零开始build一个进度环.md
@@ -17,12 +17,12 @@ categories: css
 .pie-chart {
   width: 100px;
   height: 100px;
-  background: conic-gradient(#0d6efd 128deg, white 0);
+  background: conic-gradient(#4352f3 0deg, #e52c5c 360deg);
   border-radius: 50%;
 }
 ```
 
-<div style="width: 100px; height: 100px; background: conic-gradient(#0d6efd 128deg, white 0); border-radius: 50%; margin-bottom: 16px;"></div>
+<div style="width: 100px; height: 100px; background: conic-gradient(#4352f3 0deg, #e52c5c 360deg); border-radius: 50%; margin-bottom: 16px;"></div>
 
 ## 内嵌一个圆形
 
@@ -40,7 +40,7 @@ categories: css
 }
 ```
 
-<div style="width: 100px; height: 100px; background: conic-gradient(#0d6efd 180deg, white 0); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;">
+<div style="width: 100px; height: 100px; background: conic-gradient(#4352f3 0deg, #e52c5c 360deg); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 16px;">
   <div style="width: 92px; height: 92px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center;">
     50%
   </div>