Spaces:
Running
Running
change border trail animation colors to only include yellow, orange, and transparent
Browse files- index.html +7 -9
index.html
CHANGED
|
@@ -100,15 +100,13 @@
|
|
| 100 |
inset: 0;
|
| 101 |
border-radius: 9999px;
|
| 102 |
padding: 3px;
|
| 103 |
-
background: conic-gradient(from var(--a),
|
| 104 |
-
rgba(255,0,0
|
| 105 |
-
rgba(255,165,0
|
| 106 |
-
|
| 107 |
-
rgba(
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
animation: border-spin 3s linear infinite;
|
| 111 |
-
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
|
| 112 |
-webkit-mask-composite: xor;
|
| 113 |
mask-composite: exclude;
|
| 114 |
z-index: -1;
|
|
|
|
| 100 |
inset: 0;
|
| 101 |
border-radius: 9999px;
|
| 102 |
padding: 3px;
|
| 103 |
+
background: conic-gradient(from var(--a),
|
| 104 |
+
rgba(255,255,0,0.9),
|
| 105 |
+
rgba(255,165,0,0.9),
|
| 106 |
+
transparent,
|
| 107 |
+
rgba(255,255,0,0.9));
|
| 108 |
+
animation: border-spin 4s linear infinite;
|
| 109 |
+
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
|
|
|
|
|
|
|
| 110 |
-webkit-mask-composite: xor;
|
| 111 |
mask-composite: exclude;
|
| 112 |
z-index: -1;
|