Skip to content

Commit 114415f

Browse files
authored
添加了星空背景的主题插件 (#36)
![GIF 2025-6-28 15-56-57](https://github.com/user-attachments/assets/0133dce4-0764-4b66-a683-942f39f0ce01) 这个是效果图,你看下怎么样。 加入方式的话,还是沿用工程一贯的思想在onelight-dark.user文件下引入即可: @import './onelight/style/title/title-colorful-dark.css'; @import './onelight/style/background/grok-starry-sky.css';
2 parents 7b7f734 + 3b55034 commit 114415f

4 files changed

Lines changed: 309 additions & 23 deletions

File tree

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44

55
!onelight.css
66
!onelight-dark.css
7+
!fix-text-color.css
78
!/onelight/
89
!/onelight/**
910
!/docs/**
Lines changed: 285 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,285 @@
1+
/* 一个和grok相似的插件背景 */
2+
:root {
3+
--bg-trans-color: #3a3f4a70;
4+
}
5+
6+
/* 背景设置 */
7+
html {
8+
background: linear-gradient(to bottom, #0f1923, #0d1117, #050608) !important;
9+
}
10+
11+
div#typora-sidebar {
12+
background: transparent;
13+
}
14+
15+
body {
16+
background: transparent !important;
17+
overflow-x: hidden;
18+
}
19+
20+
/* 星星 - 第一层 (小星星) */
21+
body::before,
22+
div#typora-sidebar::before {
23+
content: '';
24+
position: fixed;
25+
top: 0;
26+
left: 0;
27+
width: 2px;
28+
height: 2px;
29+
border-radius: 50%;
30+
z-index: -10;
31+
background: transparent;
32+
transform-origin: 50vw 300vh;
33+
box-shadow: 757px 1166px rgba(255, 255, 255, 0.8), 1554px 147px rgba(255, 255, 255, 0.9),
34+
1205px 1239px rgba(255, 255, 255, 0.7), 1149px 493px rgba(255, 255, 255, 1),
35+
183px 123px rgba(255, 255, 255, 0.6), 1076px 957px rgba(255, 255, 255, 0.8),
36+
137px 1723px rgba(255, 255, 255, 0.9), 497px 632px rgba(255, 255, 255, 0.7),
37+
1845px 1279px rgba(255, 255, 255, 1), 1021px 825px rgba(255, 255, 255, 0.6),
38+
347px 583px rgba(255, 255, 255, 0.8), 689px 1230px rgba(255, 255, 255, 0.9),
39+
1864px 428px rgba(255, 255, 255, 0.7), 1334px 1100px rgba(255, 255, 255, 1),
40+
412px 1513px rgba(255, 255, 255, 0.6), 500px 765px rgba(255, 255, 255, 0.8),
41+
1023px 325px rgba(255, 255, 255, 0.9), 1155px 1852px rgba(255, 255, 255, 0.7),
42+
206px 1783px rgba(255, 255, 255, 1), 913px 355px rgba(255, 255, 255, 0.6),
43+
1365px 912px rgba(255, 255, 255, 0.8), 458px 248px rgba(255, 255, 255, 0.9),
44+
1520px 1745px rgba(255, 255, 255, 0.7), 1018px 50px rgba(255, 255, 255, 1),
45+
267px 612px rgba(255, 255, 255, 0.6), 953px 1763px rgba(255, 255, 255, 0.8),
46+
1788px 523px rgba(255, 255, 255, 0.9), 478px 1860px rgba(255, 255, 255, 0.7),
47+
1295px 236px rgba(255, 255, 255, 1), 1612px 1148px rgba(255, 255, 255, 0.6),
48+
1691px 667px rgba(255, 255, 255, 0.8), 893px 276px rgba(255, 255, 255, 0.9),
49+
54px 987px rgba(255, 255, 255, 0.7), 1792px 83px rgba(255, 255, 255, 1),
50+
656px 1312px rgba(255, 255, 255, 0.6), 1212px 1483px rgba(255, 255, 255, 0.8),
51+
251px 874px rgba(255, 255, 255, 0.9), 1988px 341px rgba(255, 255, 255, 0.7),
52+
888px 1563px rgba(255, 255, 255, 1), 1431px 59px rgba(255, 255, 255, 0.6),
53+
333px 1912px rgba(255, 255, 255, 0.8), 1754px 811px rgba(255, 255, 255, 0.9),
54+
602px 222px rgba(255, 255, 255, 0.7), 1222px 1777px rgba(255, 255, 255, 1),
55+
128px 1888px rgba(255, 255, 255, 0.6), 930px 420px rgba(255, 255, 255, 0.8),
56+
1670px 1450px rgba(255, 255, 255, 0.9), 400px 900px rgba(255, 255, 255, 0.7),
57+
1950px 100px rgba(255, 255, 255, 1), 50px 1500px rgba(255, 255, 255, 0.6),
58+
1423px 632px rgba(255, 255, 255, 0.8), 876px 1923px rgba(255, 255, 255, 0.9),
59+
1823px 223px rgba(255, 255, 255, 0.7), 123px 777px rgba(255, 255, 255, 1),
60+
1111px 111px rgba(255, 255, 255, 0.6), 1999px 1555px rgba(255, 255, 255, 0.8),
61+
284px 1912px rgba(255, 255, 255, 0.8), 1055px 741px rgba(255, 255, 255, 0.9),
62+
1734px 123px rgba(255, 255, 255, 0.7), 444px 1444px rgba(255, 255, 255, 1),
63+
987px 299px rgba(255, 255, 255, 0.6), 1621px 1821px rgba(255, 255, 255, 0.8);
64+
animation: animStar 12s linear infinite, animBreathe 3s ease-in-out infinite alternate;
65+
}
66+
67+
/* 星星 - 第二层 (大一点的星星) */
68+
body::before,
69+
div#typora-sidebar::before {
70+
content: '';
71+
position: fixed;
72+
top: 0;
73+
left: 0;
74+
width: 3px;
75+
height: 3px;
76+
border-radius: 50%;
77+
z-index: -10;
78+
background: transparent;
79+
transform-origin: 50vw 250vh;
80+
box-shadow: 1766px 1618px rgba(255, 255, 255, 0.9), 303px 1863px rgba(255, 255, 255, 1),
81+
889px 1034px rgba(255, 255, 255, 0.8), 117px 124px rgba(255, 255, 255, 0.9),
82+
125px 948px rgba(255, 255, 255, 1), 1205px 461px rgba(255, 255, 255, 0.8),
83+
1831px 1108px rgba(255, 255, 255, 0.9), 233px 1476px rgba(255, 255, 255, 1),
84+
978px 345px rgba(255, 255, 255, 0.8), 1135px 1290px rgba(255, 255, 255, 0.9),
85+
384px 756px rgba(255, 255, 255, 1), 623px 1265px rgba(255, 255, 255, 0.8),
86+
1835px 592px rgba(255, 255, 255, 0.9), 512px 983px rgba(255, 255, 255, 1),
87+
1558px 344px rgba(255, 255, 255, 0.8), 322px 1316px rgba(255, 255, 255, 0.9),
88+
1069px 238px rgba(255, 255, 255, 1), 1756px 1715px rgba(255, 255, 255, 0.8),
89+
867px 1456px rgba(255, 255, 255, 0.9), 236px 607px rgba(255, 255, 255, 1),
90+
1590px 855px rgba(255, 255, 255, 0.8), 723px 73px rgba(255, 255, 255, 0.9),
91+
1238px 1897px rgba(255, 255, 255, 1), 493px 382px rgba(255, 255, 255, 0.8),
92+
1888px 200px rgba(255, 255, 255, 0.9), 77px 1500px rgba(255, 255, 255, 1),
93+
642px 642px rgba(255, 255, 255, 0.8), 1499px 1221px rgba(255, 255, 255, 0.9),
94+
1980px 800px rgba(255, 255, 255, 1), 450px 1800px rgba(255, 255, 255, 0.8),
95+
288px 921px rgba(255, 255, 255, 0.9), 1341px 331px rgba(255, 255, 255, 1),
96+
999px 1666px rgba(255, 255, 255, 0.8), 1631px 259px rgba(255, 255, 255, 0.9),
97+
555px 1999px rgba(255, 255, 255, 1), 1801px 811px rgba(255, 255, 255, 0.8),
98+
199px 682px rgba(255, 255, 255, 0.9), 731px 1198px rgba(255, 255, 255, 1),
99+
1456px 456px rgba(255, 255, 255, 0.8), 1987px 1342px rgba(255, 255, 255, 0.9),
100+
367px 1832px rgba(255, 255, 255, 1), 1050px 50px rgba(255, 255, 255, 0.8),
101+
229px 1432px rgba(255, 255, 255, 0.9), 811px 731px rgba(255, 255, 255, 1),
102+
1566px 999px rgba(255, 255, 255, 0.8), 652px 199px rgba(255, 255, 255, 0.9),
103+
1732px 1888px rgba(255, 255, 255, 1), 50px 1050px rgba(255, 255, 255, 0.8),
104+
1229px 432px rgba(255, 255, 255, 0.9), 1811px 1731px rgba(255, 255, 255, 1),
105+
566px 1999px rgba(255, 255, 255, 0.8), 1652px 299px rgba(255, 255, 255, 0.9),
106+
732px 888px rgba(255, 255, 255, 1), 150px 150px rgba(255, 255, 255, 0.8),
107+
812px 1723px rgba(255, 255, 255, 0.9), 1432px 333px rgba(255, 255, 255, 1),
108+
488px 876px rgba(255, 255, 255, 0.8), 1954px 1482px rgba(255, 255, 255, 0.9),
109+
699px 281px rgba(255, 255, 255, 1), 1188px 1982px rgba(255, 255, 255, 0.8);
110+
animation: animStar 8s linear infinite, animBreathe 4s ease-in-out infinite alternate;
111+
}
112+
113+
html::before,
114+
div#file-library::before {
115+
content: '';
116+
position: fixed;
117+
top: 0;
118+
left: 0;
119+
width: 2px;
120+
height: 2px;
121+
border-radius: 50%;
122+
z-index: -10;
123+
background: transparent;
124+
transform-origin: 50vw 200vh;
125+
box-shadow: 832px 451px rgba(255, 255, 255, 0.7), 198px 1823px rgba(255, 255, 255, 0.9),
126+
1456px 88px rgba(255, 255, 255, 1), 743px 1299px rgba(255, 255, 255, 0.6),
127+
1888px 670px rgba(255, 255, 255, 0.8), 301px 1950px rgba(255, 255, 255, 1),
128+
1129px 234px rgba(255, 255, 255, 0.7), 53px 876px rgba(255, 255, 255, 0.9),
129+
1675px 1432px rgba(255, 255, 255, 0.6), 921px 505px rgba(255, 255, 255, 0.8),
130+
222px 1678px rgba(255, 255, 255, 1), 1388px 321px rgba(255, 255, 255, 0.7),
131+
476px 943px rgba(255, 255, 255, 0.9), 1799px 1199px rgba(255, 255, 255, 0.6),
132+
101px 101px rgba(255, 255, 255, 0.8), 666px 1555px rgba(255, 255, 255, 1),
133+
1598px 487px rgba(255, 255, 255, 0.7), 81px 1333px rgba(255, 255, 255, 0.9),
134+
1245px 765px rgba(255, 255, 255, 0.6), 1912px 1912px rgba(255, 255, 255, 0.8),
135+
5px 600px rgba(255, 255, 255, 1), 555px 123px rgba(255, 255, 255, 0.7),
136+
1821px 1054px rgba(255, 255, 255, 0.9), 388px 1777px rgba(255, 255, 255, 0.6),
137+
1198px 588px rgba(255, 255, 255, 0.8), 23px 1498px rgba(255, 255, 255, 1),
138+
1045px 82px rgba(255, 255, 255, 0.7), 687px 1134px rgba(255, 255, 255, 0.9),
139+
1632px 1632px rgba(255, 255, 255, 0.6), 411px 411px rgba(255, 255, 255, 0.8),
140+
1499px 1987px rgba(255, 255, 255, 1), 99px 888px rgba(255, 255, 255, 0.7),
141+
1088px 132px rgba(255, 255, 255, 0.9), 734px 1569px rgba(255, 255, 255, 0.6),
142+
1833px 933px rgba(255, 255, 255, 0.8), 321px 189px rgba(255, 255, 255, 1),
143+
1532px 1754px rgba(255, 255, 255, 0.7), 601px 601px rgba(255, 255, 255, 0.9),
144+
299px 1983px rgba(255, 255, 255, 0.6), 1776px 453px rgba(255, 255, 255, 0.8),
145+
900px 1100px rgba(255, 255, 255, 1), 1301px 83px rgba(255, 255, 255, 0.7),
146+
45px 1678px rgba(255, 255, 255, 0.9), 1150px 750px rgba(255, 255, 255, 0.6),
147+
1950px 1350px rgba(255, 255, 255, 0.8), 210px 310px rgba(255, 255, 255, 1),
148+
1654px 1876px rgba(255, 255, 255, 0.7), 832px 999px rgba(255, 255, 255, 0.9),
149+
10px 1432px rgba(255, 255, 255, 0.6), 1367px 222px rgba(255, 255, 255, 0.8),
150+
777px 1777px rgba(255, 255, 255, 1), 1824px 842px rgba(255, 255, 255, 0.7),
151+
350px 150px rgba(255, 255, 255, 0.9), 1000px 1000px rgba(255, 255, 255, 0.6),
152+
550px 1850px rgba(255, 255, 255, 0.8), 1999px 250px rgba(255, 255, 255, 1),
153+
25px 999px rgba(255, 255, 255, 0.7), 1280px 1480px rgba(255, 255, 255, 0.9),
154+
880px 80px rgba(255, 255, 255, 0.6), 1580px 1180px rgba(255, 255, 255, 0.8);
155+
animation: animStar 10s linear infinite, animBreathe 5s ease-in-out infinite alternate;
156+
}
157+
158+
/* 星星 - 第三层 (微小星星) */
159+
html::after {
160+
content: '';
161+
position: fixed;
162+
top: 0;
163+
left: 0;
164+
width: 3px;
165+
height: 3px;
166+
border-radius: 50%;
167+
z-index: -9;
168+
background: transparent;
169+
transform-origin: 50vw 350vh;
170+
box-shadow: 1088px 256px rgba(255, 255, 255, 0.4), 1915px 758px rgba(255, 255, 255, 0.5),
171+
512px 1848px rgba(255, 255, 255, 0.3), 795px 543px rgba(255, 255, 255, 0.4),
172+
1408px 1087px rgba(255, 255, 255, 0.5), 263px 1544px rgba(255, 255, 255, 0.3),
173+
1231px 283px rgba(255, 255, 255, 0.4), 178px 967px rgba(255, 255, 255, 0.5),
174+
1528px 448px rgba(255, 255, 255, 0.3), 1935px 1765px rgba(255, 255, 255, 0.4),
175+
845px 24px rgba(255, 255, 255, 0.5), 1813px 1093px rgba(255, 255, 255, 0.3),
176+
582px 1125px rgba(255, 255, 255, 0.4), 1240px 1228px rgba(255, 255, 255, 0.5),
177+
409px 925px rgba(255, 255, 255, 0.3), 1184px 1785px rgba(255, 255, 255, 0.4),
178+
1978px 675px rgba(255, 255, 255, 0.5), 792px 1744px rgba(255, 255, 255, 0.3),
179+
1683px 1336px rgba(255, 255, 255, 0.4), 324px 696px rgba(255, 255, 255, 0.5),
180+
1725px 972px rgba(255, 255, 255, 0.3), 597px 1459px rgba(255, 255, 255, 0.4),
181+
1805px 266px rgba(255, 255, 255, 0.5), 647px 890px rgba(255, 255, 255, 0.3),
182+
933px 412px rgba(255, 255, 255, 0.4), 1852px 1183px rgba(255, 255, 255, 0.5),
183+
1728px 305px rgba(255, 255, 255, 0.3), 389px 1129px rgba(255, 255, 255, 0.4),
184+
1304px 1487px rgba(255, 255, 255, 0.5), 189px 1797px rgba(255, 255, 255, 0.3),
185+
945px 680px rgba(255, 255, 255, 0.4), 1929px 84px rgba(255, 255, 255, 0.5),
186+
1770px 1299px rgba(255, 255, 255, 0.3), 561px 232px rgba(255, 255, 255, 0.4),
187+
42px 424px rgba(255, 255, 255, 0.5), 1675px 1988px rgba(255, 255, 255, 0.3),
188+
999px 999px rgba(255, 255, 255, 0.4), 1337px 137px rgba(255, 255, 255, 0.5),
189+
222px 1222px rgba(255, 255, 255, 0.3), 1881px 188px rgba(255, 255, 255, 0.4),
190+
335px 843px rgba(255, 255, 255, 0.5), 1024px 1444px rgba(255, 255, 255, 0.3),
191+
1567px 732px rgba(255, 255, 255, 0.4), 688px 1821px rgba(255, 255, 255, 0.5),
192+
1900px 500px rgba(255, 255, 255, 0.3), 200px 1000px rgba(255, 255, 255, 0.4),
193+
701px 121px rgba(255, 255, 255, 0.5), 1432px 1654px rgba(255, 255, 255, 0.3),
194+
187px 832px rgba(255, 255, 255, 0.4), 1654px 333px rgba(255, 255, 255, 0.5),
195+
815px 1389px rgba(255, 255, 255, 0.3), 1293px 948px rgba(255, 255, 255, 0.4),
196+
444px 555px rgba(255, 255, 255, 0.5), 1777px 177px rgba(255, 255, 255, 0.3),
197+
22px 1690px rgba(255, 255, 255, 0.4), 1987px 934px rgba(255, 255, 255, 0.5),
198+
623px 1892px rgba(255, 255, 255, 0.3), 1492px 72px rgba(255, 255, 255, 0.4),
199+
888px 1111px rgba(255, 255, 255, 0.5), 1621px 1321px rgba(255, 255, 255, 0.3),
200+
284px 1583px rgba(255, 255, 255, 0.4), 983px 621px rgba(255, 255, 255, 0.5),
201+
1385px 1024px rgba(255, 255, 255, 0.3), 482px 1982px rgba(255, 255, 255, 0.4),
202+
1932px 832px rgba(255, 255, 255, 0.5), 321px 1832px rgba(255, 255, 255, 0.3),
203+
1832px 1321px rgba(255, 255, 255, 0.4), 832px 321px rgba(255, 255, 255, 0.5),
204+
1121px 1121px rgba(255, 255, 255, 0.3), 1488px 1844px rgba(255, 255, 255, 0.4),
205+
356px 978px rgba(255, 255, 255, 0.5), 1123px 1589px rgba(255, 255, 255, 0.3),
206+
1789px 467px rgba(255, 255, 255, 0.4), 254px 1234px rgba(255, 255, 255, 0.5),
207+
876px 121px rgba(255, 255, 255, 0.3), 1998px 1876px rgba(255, 255, 255, 0.4);
208+
animation: animStar 14s linear infinite, animBreathe 7s ease-in-out infinite alternate;
209+
}
210+
211+
/* 星星移动动画 */
212+
@keyframes animStar {
213+
from {
214+
transform: rotate(0deg);
215+
}
216+
217+
to {
218+
transform: rotate(25deg);
219+
}
220+
}
221+
222+
/* 星星呼吸/闪烁动画 */
223+
@keyframes animBreathe {
224+
0% {
225+
opacity: 0;
226+
}
227+
228+
10% {
229+
opacity: 0.2;
230+
}
231+
232+
20% {
233+
opacity: 0.4;
234+
}
235+
236+
30% {
237+
opacity: 0.6;
238+
}
239+
240+
40% {
241+
opacity: 0.8;
242+
}
243+
244+
50% {
245+
opacity: 1;
246+
}
247+
248+
60% {
249+
opacity: 0.8;
250+
}
251+
252+
70% {
253+
opacity: 0.6;
254+
}
255+
256+
80% {
257+
opacity: 0.4;
258+
}
259+
260+
90% {
261+
opacity: 0.2;
262+
}
263+
264+
100% {
265+
opacity: 0;
266+
}
267+
}
268+
269+
/* 添加背景容器以支持星空元素 */
270+
body::after,
271+
body::before,
272+
html::after {
273+
pointer-events: none;
274+
}
275+
276+
/* 修改部分组件背景色 */
277+
#write table tr,
278+
p.md-toc-content {
279+
background-color: var(--bg-trans-color) !important;
280+
}
281+
282+
283+
#write table tr:nth-child(2n) {
284+
background-color: #23293591;
285+
}

onelight/style/title/title-colorful-dark.css

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@
9191
padding-left: 15px;
9292
position: relative;
9393
width: fit-content;
94-
background: linear-gradient(to right, #f8bbff 0%, #7B65C9 25%, #74fbff 50%, #3175f1 75%, #f8bbff 100%);
94+
background: linear-gradient(to right, #477fb8 0%, #aa78b7 25%, #9ce5f0 50%, #ee8089 75%, #477fb8 100%);
9595
background-size: 200% 100%;
9696
-webkit-background-clip: text;
9797
background-clip: text;
@@ -107,7 +107,7 @@
107107
top: 0;
108108
bottom: 0;
109109
width: 4px;
110-
background: linear-gradient(to bottom, #f8bbff 0%, #7B65C9 25%, #74fbff 50%, #bb54d3 75%, #f8bbff 100%);
110+
background: linear-gradient(to bottom, #477fb8 0%, #aa78b7 25%, #9ce5f0 50%, #ee8089 75%, #477fb8 100%);
111111
background-size: 100% 200%;
112112
border-radius: 2px;
113113
height: auto;
@@ -153,9 +153,9 @@
153153
padding: 1px 12.5px;
154154
position: relative;
155155
border-radius: 4px;
156-
background: linear-gradient(to right, #3e4ce6, #3949AB, #5E35B1, #7E57C2, #378ec4, #3e4ce6);
156+
background: linear-gradient(to right, #055cb4, #025a86, #047389, #039393, #028d8d, #055cb4);
157157
background-size: 200% 100%;
158-
animation: gradientFlowRight 8s linear infinite;
158+
animation: gradientFlowRight 6s linear infinite;
159159
transition: transform 0.3s ease, box-shadow 0.5s ease, background 0.8s ease;
160160
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
161161
}
@@ -170,7 +170,7 @@
170170
background-clip: text;
171171
color: transparent;
172172
caret-color: #BBDEFB;
173-
animation: gradientFlowRight 6s linear infinite;
173+
animation: gradientFlowRight 4s linear infinite;
174174
position: relative;
175175
z-index: 1;
176176
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
@@ -356,14 +356,14 @@
356356
position: relative;
357357
width: fit-content;
358358
background: linear-gradient(135deg,
359-
#ff6b6b 0%,
360-
#ff8a6b 15%,
361-
#ffd166 30%,
362-
#ffba6b 45%,
363-
#ff6b6b 60%,
364-
#ff8a6b 75%,
365-
#ffd166 90%,
366-
#ff6b6b 100%);
359+
#60df93 0%,
360+
#3ddde6 15%,
361+
#1d8ce7 30%,
362+
#2c68f3 45%,
363+
#5a51fa 60%,
364+
#1970b7 75%,
365+
#3ddde6 90%,
366+
#60df93 100%);
367367
background-size: 300% 100%;
368368
-webkit-background-clip: text;
369369
background-clip: text;
@@ -388,14 +388,14 @@
388388
height: 2px;
389389
width: 0;
390390
background: linear-gradient(135deg,
391-
#ff6b6b 0%,
392-
#ff8a6b 15%,
393-
#ffd166 30%,
394-
#ffba6b 45%,
395-
#ff6b6b 60%,
396-
#ff8a6b 75%,
397-
#ffd166 90%,
398-
#ff6b6b 100%);
391+
#60df93 0%,
392+
#3ddde6 15%,
393+
#1d8ce7 30%,
394+
#2c68f3 45%,
395+
#5a51fa 60%,
396+
#1970b7 75%,
397+
#3ddde6 90%,
398+
#60df93 100%);
399399
background-size: 300% 100%;
400400
transition: all 0.4s ease;
401401
transform: translateX(-50%);

onelight/style/title/title-colorful.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -315,9 +315,9 @@
315315
/* 边框宽度 */
316316
background: linear-gradient(135deg,
317317
#FF8C66 0%,
318-
#fdfe88 25%,
318+
#dddf3b 25%,
319319
#f74d66 50%,
320-
#0b88bb 75%,
320+
#62aaf1 75%,
321321
#FF8C66 100%);
322322
background-size: 200% 100%;
323323
-webkit-mask:

0 commit comments

Comments
 (0)