纯css实现文字缩写无限循环幻灯效果
代码语言：html
所属分类：动画
代码描述：纯css实现文字缩写无限循环幻灯效果
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
html {
background: aliceblue;
}
html:before {
animation: First 15s forwards infinite;
background-color: #fec8d8;
clip-path: circle(75vmax at center center);
content: "";
height: 100vmax;
left: calc((-100vmax + 100%) / 2);
position: absolute;
top: calc((-100vmax + 100%) / 2);
width: 100vmax;
}
body {
animation: Second 15s forwards infinite;
background-color: #d291bc;
clip-path: circle(75vmax at center center);
height: 100vmax;
margin: 0;
left: calc((-100vmax + 100%) / 2);
position: absolute;
top: calc((-100vmax + 100%) / 2);
width: 100vmax;
}
html:after {
animation: Third 15s forwards infinite;
background-color: #957dad;
clip-path: circle(25vmax at center center);
content: "";
height: 100vmax;
left: calc((-100vmax + 100%) / 2);
position: absolute;
top: calc((-100vmax + 100%) / 2);
width: 100vmax;
}
@keyframes First {
0% {
clip-path: polygon(
-2008% 352.5139%,
-1799.2386% -251.98836%,
-1718.4405% -252.0291%,
-1721.236% -96.064691%,
-1778.3975% 96.368067%,
-1664.4665% 96.016808%,
-1721.236% -96.064691%,
-1718.4405% -252.0291%,
-1643.3962% -251.98836%,
-1434.241% 353.0076%,
-1299.077% 352.89091%,
-1456.3835% -251.9277%,
-1298.0754% -251.8973%,
-1206.6759% 174.09388%,
-1100.4278% -252.20928%,
-967.24733% -251.94153%,
-860.99922% 174.08006%,
-769.4013% -251.70152%,
-611.31929% -252.20928%,
-768.53765% 352.87186%,
-550.69482% 352.90897%,
-550.7293% -252.20928%,
-228.29163% -252.02123%,
-228.3328% -119.8729%,
-402.80084% -119.80866%,
-403.07472% -18.675002%,
-254.69037% -18.760667%,
-254.50228% 112.56642%,
-402.9723% 112.75447%,
-402.88664% 220.81344%,
-221.41397% 220.45388%,
-170.75597% 219.68648%,
-47.63368% 158.15564%,
-46.321221% 161.03314%,
-42.300726% 168.61958%,
-35.447651% 179.34506%,
-25.637234% 191.64018%,
-12.744928% 203.93523%,
3.3540704% 214.66071%,
22.784264% 222.2472%,
45.670458% 225.12471%,
56.219768% 224.47161%,
65.87851% 222.54843%,
74.501446% 219.40909%,
81.943338% 215.10771%,
88.059075% 209.69842%,
92.703291% 203.23506%,
95.73092% 195.77178%,
96.996637% 187.36263%,
94.904893% 173.03065%,
87.852838% 160.35226%,
76.419872% 148.86258%,
61.185133% 138.09606%,
42.72789% 127.58775%,
21.627454% 116.87229%,
-1.5370768% 105.48469%,
-26.186306% 92.959673%,
-52.41795% 78.479552%,
-76.623947% 63.069161%,
-98.35044% 46.038812%,
-117.14395% 26.698347%,
-132.55089% 4.3582446%,
-144.11738% -21.671788%,
-151.38993% -52.081433%,
-153.91502% -87.560555%,
-150.08421% -126.80219%,
-138.96803% -161.63128%,
-121.13101% -191.79513%,
-97.13734% -217.04111%,
-67.551558% -237.11667%,
-32.93799% -251.76916%,
6.1389584% -260.74587%,
49.115096% -263.79428%,
95.180682% -259.11299%,
133.58941% -246.4896%,
165.00981% -228.05448%,
190.10979% -205.93803%,
209.558% -182.27108%,
224.02252% -159.18374%,
234.17158% -138.80664%,
240.67366% -123.27028%,
116.90363% -66.920806%,
115.98001% -69.488053%,
113.08358% -76.25503%,
108.02616% -85.818777%,
100.61904% -96.776671%,
90.673928% -107.72601%,
78.002547% -117.26431%,
62.416549% -123.98865%,
43.727451% -126.49641%,
34.975347% -125.92116%,
26.197064% -124.19562%,
17.762178% -121.23435%,
10.04061% -116.95116%,
3.4022384% -111.26042%,
-1.7830576% -104.07643%,
-5.145659% -95.313143%,
-6.315558% -84.884963%,
-3.400206% -71.954816%,
4.6625984% -59.868579%,
17.025618% -48.502227%,
32.840965% -37.732381%,
51.261531% -27.4354%,
71.439517% -17.48752%,
92.527294% -7.7650578%,
113.67763% 1.855539%,
149.03791% 19.881946%,
177.93469% 38.436219%,
200.92038% 57.727481%,
218.54674% 77.964781%,
231.36604% 99.356857%,
239.93041% 122.1127%,
244.79174% 146.44135%,
246.50246% 172.55178%,
294.76075% 42.600267%,
300.1376% -14.468747%,
315.94538% -69.713643%,
341.69962% -121.35112%,
376.91622% -167.59824%,
421.11068% -206.67216%,
473.79866% -236.78956%,
534.49604% -256.16753%,
602.71818% -263.02307%,
606.14946% -125.01876%,
583.2294% -122.99186%,
557.81013% -116.47116%,
531.60385% -104.79688%,
506.3229% -87.308915%,
483.67936% -63.347691%,
465.38546% -32.253151%,
453.15363% 6.6345822%,
448.69574% 53.975345%,
452.41155% 92.98555%,
462.92406% 127.55604%,
479.28066% 157.41294%,
500.52904% 182.28223%,
525.71685% 201.89032%,
553.89146% 215.96329%,
584.10052% 224.2271%,
615.39158% 226.40787%,
646.6959% 222.53534%,
676.4334% 212.95366%,
703.77238% 197.83431%,
727.88067% 177.3487%,
747.92624% 151.66838%,
763.07731% 120.96463%,
772.50186% 85.409005%,
775.36788% 45.173041%,
772.44342% 14.818261%,
764.56299% -15.276892%,
751.60101% -43.944886%,
733.43088% -70.018376%,
709.92684% -92.330011%,
680.96257% -109.71222%,
646.41212% -120.99753%,
606.14946% -125.01876%,
602.71818% -263.02307%,
656.48528% -261.8472%,
712.0823% -250.07344%,
766.73565% -227.67035%,
817.67161% -194.60688%,
862.11668% -150.8514%,
897.2972% -96.373053%,
920.43952% -31.140278%,
928.76996% 44.878246%,
1002.9047% 46.766084%,
1003.1342% -252.09032%,
1195.0297% -252.20928%,
1345.5074% 130.75746%,
1496.6818% -252.09032%,
1688.6965% -251.86079%,
1688.8153% 353.21077%,
1792.8614% 353.09179%,
1793.3287% -252.09032%,
2115.8684% -251.74194%,
2115.401% -119.45792%,
1940.8917% -119.92526%,
1941.0106% -18.555856%,
2089.3894% -18.793975%,
2089.8568% 112.79331%,
1940.8917% 112.91215%,
1940.9552% 220.45941%,
2122.8704% 220.2216%,
2122.9136% 353.21077%,
1792.8614% 353.09179%,
1688.8153% 353.21077%,
1546.9628% 352.86244%,
1546.6146% -43.403331%,
1413.863% 303.6351%,
1278.0864% 303.5163%,
1145.335% -43.403331%,
1144.9866% 353.21077%,
1003.4911% 352.86244%,
1002.9047% 46.766084%,
928.76996% 44.878246%,
921.50116% 121.68841%,
901.07232% 187.36251%,
869.54954% 242.19415%,
828.999% 286.47704%,
781.48716% 320.50473%,
729.0802% 344.5711%,
673.84434% 358.96958%,
617.84569% 363.99387%,
556.71993% 359.67547%,
497.94517% 345.59512%,
443.30857% 321.51169%,
394.59794% 287.18367%,
353.60023% 242.36989%,
322.10319% 186.82881%,
301.89423% 120.3194%,
294.76075% 42.600267%,
246.50246% 172.55178%,
245.03422% 205.75413%,
236.71542% 239.22066%,
221.51649% 271.50535%,
199.4082% 301.16241%,
170.36091% 326.74584%,
134.34546% 346.81008%,
91.332382% 359.9088%,
41.292138% 364.59634%,
-5.655765% 361.1069%,
-45.358898% 351.33865%,
-78.519218% 336.34177%,
-105.83911% 317.16654%,
-128.02059% 294.8632%,
-145.76567% 270.4819%,
-159.77682% 245.073%,
-170.75597% 219.68648%,
-221.41397% 220.45388%,
-221.3776% 352.79025%,
-550.69482% 352.90897%,
-768.53765% 352.87186%,
-936.12338% 352.85791%,
-1033.6432% -26.71612%,
-1131.4169% 352.60411%,
-1299.077% 352.89091%,
-1434.241% 353.0076%,
-1583.1286% 352.60713%,
-1626.0125% 217.25462%,
-1816.271% 216.98479%,
-1859.5876% 352.95856%
);
z-index: 0;
}
16.66% {
clip-path: polygon(
-2008% 352.5139%,
-1799.2386% -251.98836%,
-1718.4405% -252.0291%,
-1721.236% -96.064691%,
-1778.3975% 96.368067%,
-1664.4665% 96.016808%,
-1721.236% -96.064691%,
-1718.4405% -252.0291%,
-1643.3962% -251.98836%,
-1434.241% 353.0076%,
-1299.077% 352.89091%,
-1456.3835% -251.9277%,
-1298.0754% -251.8973%,
-1206.6759% 174.09388%,
-1100.4278% -252.20928%,
-967.24733% -251.94153%,
-860.99922% 174.08006%,
-769.4013% -251.70152%,
-611.31929% -252.20928%,
-768.53765% 352.87186%,
-550.69482% 352.90897%,
-550.7293% -252.20928%,
-228.29163% -252.02123%,
-228.3328% -119.8729%,
-402.80084% -119.80866%,
-403.07472% -18.675002%,
-254.69037% -18.760667%,
-254.50228% 112.56642%,
-402.9723% 112.75447%,
-402.88664% 220.81344%,
-221.41397% 220.45388%,
-170.75597% 219.68648%,
-47.63368% 158.15564%,
-46.321221% 161.03314%,
-42.300726% 168.61958%,
-35.447651% 179.34506%,
-25.637234% 191.64018%,
-12.744928% 203.93523%,
3.3540704% 214.66071%,
22.784264% 222.2472%,
45.670458% 225.12471%,
56.219768% 224.47161%,
65.87851% 222.54843%,
74.501446% 219.40909%,
81.943338% 215.10771%,
88.059075% 209.69842%,
92.703291% 203.23506%,
95.73092% 195.77178%,
96.996637% 187.36263%,
94.904893% 173.03065%,
87.852838% 160.35226%,
76.419872% 148.86258%,
61.185133% 138.09606%,
42.72789% 127.58775%,
21.627454% 116.87229%,
-1.5370768% 105.48469%,
-26.186306% 92.959673%,
-52.41795% 78.479552%,
-76.623947% 63.069161%,
-98.35044% 46.038812%,
-117.14395% 26.698347%,
-132.55089% 4.3582446%,
-144.11738% -21.671788%,
-151.38993% -52.081433%,
-153.91502% -87.560555%,
-150.08421% -126.80219%,
-138.96803% -161.63128%,
-121.13101% -191.79513%,
-97.13734% -217.04111%,
-67.551558% -237.11667%,
-32.93799% -251.76916%,
6.1389584% -260.74587%,
49.115096% -263.79428%,
95.180682% -259.11299%,
133.58941% -246.4896%,
165.00981% -228.05448%,
190.10979% -205.93803%,
209.558% -182.27108%,
224.02252% -159.18374%,
234.17158% -138.80664%,
240.67366% -123.27028%,
116.90363% -66.920806%,
115.98001% -69.488053%,
113.08358% -76.25503%,
108.02616% -85.818777%,
100.61904% -96.776671%,
90.673928% -107.72601%,
78.002547% -117.26431%,
62.416549% -123.98865%,
43.727451% -126.49641%,
34.975347% -125.92116%,
26.197064% -124.19562%,
17.762178% -121.23435%,
10.04061% -116.95116%,
3.4022384% -111.26042%,
-1.7830576% -104.07643%,
-5.145659% -95.313143%,
-6.315558% -84.884963%,
-3.400206% -71.954816%,
4.6625984% -59.868579%,
17.025618% -48.502227%,
32.840965% -37.732381%,
51.261531% -27.4354%,
71.439517% -17.48752%,
92.527294% -7.7650578%,
113.67763% 1.855539%,
149.03791% 19.881946%,
177.93469% 38.436219%,
200.92038% 57.727481%,
218.54674% 77.964781%,
231.36604% 99.356857%,
239.93041% 122.1127%,
244.79174% 146.44135%,
246.50246% 172.55178%,
294.76075% 42.600267%,
300.1376% -14.468747%,
315.94538% -69.713643%,
341.69962% -121.35112%,
376.91622% -167.59824%,
421.11068% -206.67216%,
473.79866% -236.78956%,
534.49604% -256.16753%,
602.71818% -263.02307%,
606.14946% -125.01876%,
583.2294% -122.99186%,
557.81013% -116.47116%,
531.60385% -104.79688%,
506.3229% -87.308915%,
483.67936% -63.347691%,
465.38546% -32.253151%,
453.15363% 6.6345822%,
448.69574% 53.975345%,
452.41155% 92.98555%,
462.92406% 127.55604%,
479.28066% 157.41294%,
500.52904% 182.28223%,
525.71685% 201.89032%,
553.89146% 215.96329%,
584.10052% 224.2271%,
615.39158% 226.40787%,
646.6959% 222.53534%,
676.4334% 212.95366%,
703.77238% 197.83431%,
727.88067% 177.3487%,
747.92624% 151.66838%,
763.07731% 120.96463%,
772.50186% 85.409005%,
775.36788% 45.173041%,
772.44342% 14.818261%,
764.56299% -15.276892%,
751.60101% -43.944886%,
733.43088% -70.018376%,
709.92684% -92.330011%,
680.96257% -109.71222%,
646.41212% -120.99753%,
606.14946% -125.01876%,
602.71818% -263.02307%,
656.48528% -261.8472%,
712.0823% -250.07344%,
766.73565% -227.67035%,
817.67161% -194.60688%,
862.11668% -150.8514%,
897.2972% -96.373053%,
920.43952% -31.140278%,
928.76996% 44.878246%,
1002.9047% 46.766084%,
1003.1342% -252.09032%,
1195.0297% -252.20928%,
1345.5074% 130.75746%,
1496.6818% -252.09032%,
1688.6965% -251.86079%,
1688.8153% 353.21077%,
1792.8614% 353.09179%,
1793.3287% -252.09032%,
2115.8684% -251.74194%,
2115.401% -119.45792%,
1940.8917% -119.92526%,
1941.0106% -18.555856%,
2089.3894% -18.793975%,
2089.8568% 112.79331%,
1940.8917% 112.91215%,
1940.9552% 220.45941%,
2122.8704% 220.2216%,
2122.9136% 353.21077%,
1792.8614% 353.09179%,
1688.8153% 353.21077%,
1546.9628% 352.86244%,
1546.6146% -43.403331%,
1413.863% 303.6351%,
1278.0864% 303.5163%,
1145.335% -43.403331%,
1144.9866% 353.21077%,
1003.4911% 352.86244%,
1002.9047% 46.766084%,
928.76996% 44.878246%,
921.50116% 121.68841%,
901.07232% 187.36251%,
869.54954% 242.19415%,
828.999% 286.47704%,
781.48716% 320.50473%,
729.0802% 344.5711%,
673.84434% 358.96958%,
617.84569% 363.99387%,
556.71993% 359.67547%,
497.94517% 345.59512%,
443.30857% 321.51169%,
394.59794% 287.18367%,
353.60023% 242.36989%,
322.10319% 186.82881%,
301.89423% 120.3194%,
294.76075% 42.600267%,
246.50246% 172.55178%,
245.03422% 205.75413%,
236.71542% 239.22066%,
221.51649% 271.50535%,
199.4082% 301.16241%,
170.36091% 326.74584%,
134.34546% 346.81008%,
91.332382% 359.9088%,
41.292138% 364.59634%,
-5.655765% 361.1069%,
-45.358898% 351.33865%,
-78.519218% 336.34177%,
-105.83911% 317.16654%,
-128.02059% 294.8632%,
-145.76567% 270.4819%,
-159.77682% 245.073%,
-170.75597% 219.68648%,
-221.41397% 220.45388%,
-221.3776% 352.79025%,
-550.69482% 352.90897%,
-768.53765% 352.87186%,
-936.12338% 352.85791%,
-1033.6432% -26.71612%,
-1131.4169% 352.60411%,
-1299.077% 352.89091%,
-1434.241% 353.0076%,
-1583.1286% 352.60713%,
-1626.0125% 217.25462%,
-1816.271% 216.98479%,
-1859.5876% 352.95856%
);
z-index: 0;
}
16.67% {
clip-path: polygon(
-2008% 352.5139%,
-1799.2386% -251.98836%,
-1718.4405% -252.0291%,
-1721.236% -96.064691%,
-1778.3975% 96.368067%,
-1664.4665% 96.016808%,
-1721.236% -96.064691%,
-1718.4405% -252.0291%,
-1643.3962% -251.98836%,
-1434.241% 353.0076%,
-1299.077% 352.89091%,
-1456.3835% -251.9277%,
-1298.0754% -251.8973%,
-1206.6759% 174.09388%,
-1100.4278% -252.20928%,
-967.24733% -251.94153%,
-860.99922% 174.08006%,
-769.4013% -251.70152%,
-611.31929% -252.20928%,
-768.53765% 352.87186%,
-550.69482% 352.90897%,
-550.7293% -252.20928%,
-228.29163% -252.02123%,
-228.3328% -119.8729%,
-402.80084% -119.80866%,
-403.07472% -18.675002%,
-254.69037% -18.760667%,
-254.50228% 112.56642%,
-402.9723% 112.75447%,
-402.88664% 220.81344%,
-221.41397% 220.45388%,
-170.75597% 219.68648%,
-47.63368% 158.15564%,
-46.321221% 161.03314%,
-42.300726% 168.61958%,
-35.447651% 179.34506%,
-25.637234% 191.64018%,
-12.744928% 203.93523%,
3.3540704% 214.66071%,
22.784264% 222.2472%,
45.670458% 225.12471%,
56.219768% 224.47161%,
65.87851% 222.54843%,
74.501446% 219.40909%,
81.943338% 215.10771%,
88.059075% 209.69842%,
92.703291% 203.23506%,
95.73092% 195.77178%,
96.996637% 187.36263%,
94.904893% 173.03065%,
87.852838% 160.35226%,
76.419872% 148.86258%,
61.185133% 138.09606%,
42.72789% 127.58775%,
21.627454% 116.87229%,
-1.5370768% 105.48469%,
-26.186306% 92.959673%,
-52.41795% 78.479552%,
-76.623947% 63.069161%,
-98.35044% 46.038812%,
-117.14395% 26.698347%,
-132.55089% 4.3582446%,
-144.11738% -21.671788%,
-151.38993% -52.081433%,
-153.91502% -87.560555%,
-150.08421% -126.80219%,
-138.96803% -161.63128%,
-121.13101% -191.79513%,
-97.13734% -217.04111%,
-67.551558% -237.11667%,
-32.93799% -251.76916%,
6.1389584% -260.74587%,
49.115096% -263.79428%,
95.180682% -259.11299%,
133.58941% -246.4896%,
165.00981% -228.05448%,
190.10979% -205.93803%,
209.558% -182.27108%,
224.02252% -159.18374%,
234.17158% -138.80664%,
240.67366% -123.27028%,
116.90363% -66.920806%,
115.98001% -69.488053%,
113.08358% -76.25503%,
108.02616% -85.818777%,
100.61904% -96.776671%,
90.673928% -107.72601%,
78.002547% -117.26431%,
62.416549% -123.98865%,
43.727451% -126.49641%,
34.975347% -125.92116%,
26.197064% -124.19562%,
17.762178% -121.23435%,
10.04061% -116.95116%,
3.4022384% -111.26042%,
-1.7830576% -104.07643%,
-5.145659% -95.313143%,
-6.315558% -84.884963%,
-3.400206% -71.954816%,
4.6625984% -59.868579%,
17.025618% -48.502227%,
32.840965% -37.732381%,
51.261531% -27.4354%,
71.439517% -17.48752%,
92.527294% -7.7650578%,
113.67763% 1.855539%,
149.03791% 19.881946%,
177.93469% 38.436219%,
200.92038% 57.727481%,
218.54674% 77.964781%,
231.36604% 99.356857%,
239.93041% 122.1127%,
244.79174% 146.44135%,
246.50246% 172.55178%,
294.76075% 42.600267%,
300.1376% -14.468747%,
315.94538% -69.713643%,
341.69962% -121.35112%,
376.91622% -167.59824%,
421.11068% -206.67216%,
473.79866% -236.78956%,
534.49604% -256.16753%,
602.71818% -263.02307%,
606.14946% -125.01876%,
583.2294% -122.99186%,
557.81013% -116.47116%,
531.60385% -104.79688%,
506.3229% -87.308915%,
483.67936% -63.347691%,
465.38546% -32.253151%,
453.15363% 6.6345822%,
448.69574% 53.975345%,
452.41155% 92.98555%,
462.92406% 127.55604%,
479.28066% 157.41294%,
500.52904% 182.28223%,
525.71685% 201.89032%,
553.89146% 215.96329%,
584.10052% 224.2271%,
615.39158% 226.40787%,
646.6959% 222.53534%,
676.4334% 212.95366%,
703.77238% 197.83431%,
727.88067% 177.3487%,
747.92624% 151.66838%,
763.07731% 120.96463%,
772.50186% 85.409005%,
775.36788% 45.173041%,
772.44342% 14.818261%,
764.56299% -15.276892%,
751.60101% -43.944886%,
733.43088% -70.018376%,
709.92684% -92.330011%,
680.96257% -109.71222%,
646.41212% -120.99753%,
606.14946% -125.01876%,
602.71818% -263.02307%,
656.48528% -261.8472%,
712.0823% -250.07344%,
766.73565% -227.67035%,
817.67161% -194.60688%,
862.11668% -150.8514%,
897.2972% -96.373053%,
920.43952% -31.140278%,
928.76996% 44.878246%,
1002.9047% 46.766084%,
1003.1342% -252.09032%,
1195.0297% -252.20928%,
1345.5074% 130.75746%,
1496.6818% -252.09032%,
1688.6965% -251.86079%,
1688.8153% 353.21077%,
1792.8614% 353.09179%,
1793.3287% -252.09032%,
2115.8684% -251.74194%,
2115.401% -119.45792%,
1940.8917% -119.92526%,
1941.0106% -18.555856%,
2089.3894% -18.793975%,
2089.8568% 112.79331%,
1940.8917% 112.91215%,
1940.9552% 220.45941%,
2122.8704% 220.2216%,
2122.9136% 353.21077%,
1792.8614% 353.09179%,
1688.8153% 353.21077%,
1546.9628% 352.86244%,
1546.6146% -43.403331%,
1413.863% 303.6351%,
1278.0864% 303.5163%,
1145.335% -43.403331%,
1144.9866% 353.21077%,
1003.4911% 352.86244%,
1002.9047% 46.766084%,
928.76996% 44.878246%,
921.50116% 121.68841%,
901.07232% 187.36251%,
869.54954% 242.19415%,
828.999% 286.47704%,
781.48716% 320.50473%,
729.0802% 344.5711%,
673.84434% 358.96958%,
617.84569% 363.99387%,
556.71993% 359.67547%,
497.94517% 345.59512%,
443.30857% 321.51169%,
394.59794% 287.18367%,
353.60023% 242.36989%,
322.10319% 186.82881%,
301.89423% 120.3194%,
294.76075% 42.600267%,
246.50246% 172.55178%,
245.03422% 205.75413%,
236.71542% 239.22066%,
221.51649% 271.50535%,
199.4082% 301.16241%,
170.36091% 326.74584%,
134.34546% 346.81008%,
91.332382% 359.9088%,
41.292138% 364.59634%,
-5.655765% 361.1069%,
-45.358898% 351.33865%,
-78.519218% 336.34177%,
-105.83911% 317.16654%,
-128.02059% 294.8632%,
-145.76567% 270.4819%,
-159.77682% 245.073%,
-170.75597% 219.68648%,
-221.41397% 220.45388%,
-221.3776% 352.79025%,
-550.69482% 352.90897%,
-768.53765% 352.87186%,
-936.12338% 352.85791%,
-1033.6432% -26.71612%,
-1131.4169% 352.60411%,
-1299.077% 352.89091%,
-1434.241% 353.0076%,
-1583.1286% 352.60713%,
-1626.0125% 217.25462%,
-1816.271% 216.98479%,
-1859.5876% 352.95856%
);
z-index: 1;
}
33.32% {
clip-path: polygon(
2.124% 57.394393%,
6.9564409% 43.401285%,
8.8267682% 43.400342%,
8.7620563% 47.010629%,
7.4388738% 51.465091%,
10.076165% 51.45696%,
8.7620563% 47.010629%,
8.8267682% 43.400342%,
10.563904% 43.401285%,
15.405457% 57.405821%,
18.534255% 57.40312%,
14.892899% 43.402689%,
18.557439% 43.403393%,
20.673169% 53.2643%,
23.132616% 43.396171%,
26.215497% 43.402369%,
28.674944% 53.26398%,
30.795266% 43.407925%,
34.454572% 43.396171%,
30.815258% 57.402679%,
35.857916% 57.403538%,
35.857118% 43.396171%,
43.320953% 43.400524%,
43.32% 46.459513%,
39.281388% 46.461%,
39.275048% 48.802057%,
42.709871% 48.800074%,
42.714225% 51.840053%,
39.277419% 51.844406%,
39.279402% 54.345771%,
43.480158% 54.337448%,
44.652797% 54.319684%,
47.50285% 52.895359%,
47.533231% 52.961968%,
47.626298% 53.13758%,
47.784934% 53.385855%,
48.012027% 53.670464%,
48.31046% 53.955072%,
48.683122% 54.203347%,
49.132895% 54.37896%,
49.662668% 54.445569%,
49.906865% 54.430451%,
50.130447% 54.385933%,
50.330052% 54.313263%,
50.502318% 54.213694%,
50.643886% 54.088479%,
50.751391% 53.938864%,
50.821475% 53.766103%,
50.850774% 53.571447%,
50.802354% 53.239688%,
50.639112% 52.946207%,
50.37446% 52.680242%,
50.021804% 52.431017%,
49.594553% 52.187769%,
49.106117% 51.939726%,
48.569901% 51.676124%,
47.999317% 51.386193%,
47.392103% 51.051005%,
46.831779% 50.694283%,
46.328851% 50.300062%,
45.893816% 49.852366%,
45.537174% 49.335234%,
45.269431% 48.732687%,
45.101085% 48.02876%,
45.042634% 47.207484%,
45.13131% 46.299113%,
45.388629% 45.492884%,
45.801523% 44.794647%,
46.356932% 44.210249%,
47.041788% 43.745537%,
47.843028% 43.406359%,
48.747587% 43.198565%,
49.742405% 43.128%,
50.808738% 43.236363%,
51.697829% 43.528571%,
52.425153% 43.95531%,
53.006171% 44.467265%,
53.456361% 45.015111%,
53.791188% 45.54954%,
54.02612% 46.021232%,
54.176631% 46.38087%,
51.311584% 47.685256%,
51.290204% 47.625829%,
51.223157% 47.469186%,
51.106087% 47.247803%,
50.934626% 46.994148%,
50.704415% 46.740691%,
50.411096% 46.519897%,
50.050309% 46.364241%,
49.617691% 46.306191%,
49.415096% 46.319507%,
49.211895% 46.35945%,
49.016643% 46.427998%,
48.837903% 46.527146%,
48.684237% 46.658876%,
48.564207% 46.825172%,
48.486369% 47.028026%,
48.459288% 47.269419%,
48.526773% 47.568728%,
48.713412% 47.848502%,
48.999593% 48.111612%,
49.365689% 48.360914%,
49.792091% 48.59927%,
50.259174% 48.829545%,
50.747317% 49.054602%,
51.236908% 49.277301%,
52.055433% 49.694579%,
52.72434% 50.124076%,
53.256416% 50.570633%,
53.664434% 51.039089%,
53.961177% 51.534276%,
54.159426% 52.061032%,
54.271957% 52.624195%,
54.311557% 53.228603%,
55.428647% 50.220466%,
55.553111% 48.899424%,
55.919032% 47.620607%,
56.515195% 46.425295%,
57.330394% 45.35476%,
58.353414% 44.450271%,
59.573043% 43.753109%,
60.978075% 43.304545%,
62.557291% 43.145852%,
62.636719% 46.340396%,
62.106162% 46.387315%,
61.517753% 46.538257%,
60.911126% 46.808495%,
60.325919% 47.213309%,
59.801763% 47.767967%,
59.378293% 48.487748%,
59.095149% 49.387927%,
58.991957% 50.483778%,
59.077971% 51.386792%,
59.321316% 52.187035%,
59.699941% 52.878167%,
60.191802% 53.453845%,
60.774853% 53.907736%,
61.427043% 54.233499%,
62.126327% 54.424791%,
62.850657% 54.475272%,
63.575294% 54.38563%,
64.263662% 54.163832%,
64.896509% 53.813847%,
65.454571% 53.339643%,
65.918589% 52.745191%,
66.269308% 52.034456%,
66.487469% 51.211409%,
66.553812% 50.280021%,
66.486116% 49.577364%,
66.303699% 48.880717%,
66.003653% 48.217106%,
65.583048% 47.613553%,
65.038973% 47.09708%,
64.368504% 46.694714%,
63.568725% 46.43348%,
62.636719% 46.340396%,
62.557291% 43.145852%,
63.8019% 43.173071%,
65.088868% 43.445612%,
66.353992% 43.964202%,
67.533065% 44.72956%,
68.561886% 45.742418%,
69.37625% 47.003491%,
69.911952% 48.513509%,
70.104786% 50.273197%,
71.820868% 50.316897%,
71.826181% 43.398925%,
76.268205% 43.396171%,
79.751486% 52.261142%,
83.250894% 43.398925%,
87.695676% 43.404238%,
87.698427% 57.410524%,
90.106903% 57.40777%,
90.117721% 43.398925%,
97.583913% 43.406989%,
97.573095% 46.469119%,
93.53353% 46.458301%,
93.536284% 48.804815%,
96.970976% 48.799303%,
96.981797% 51.845305%,
93.53353% 51.848056%,
93.535% 54.337576%,
97.746% 54.332071%,
97.747% 57.410524%,
90.106903% 57.40777%,
87.698427% 57.410524%,
84.414805% 57.402461%,
84.406742% 48.229642%,
81.333793% 56.262939%,
78.190814% 56.260189%,
75.117866% 48.229642%,
75.109802% 57.410524%,
71.834443% 57.402461%,
71.820868% 50.316897%,
70.104786% 50.273197%,
69.936527% 52.05121%,
69.463637% 53.571444%,
68.733943% 54.840695%,
67.795273% 55.865762%,
66.695462% 56.65344%,
65.482338% 57.210532%,
64.20373% 57.54383%,
62.907465% 57.660133%,
61.492517% 57.56017%,
60.13199% 57.234236%,
58.867254% 56.676749%,
57.739693% 55.882119%,
56.790672% 54.844763%,
56.061574% 53.55909%,
55.593774% 52.01952%,
55.428647% 50.220466%,
54.311557% 53.228603%,
54.27757% 53.997176%,
54.085005% 54.771864%,
53.733178% 55.519195%,
53.221412% 56.205701%,
52.549021% 56.79791%,
51.71533% 57.26236%,
50.719657% 57.565571%,
49.561318% 57.674079%,
48.474561% 57.593305%,
47.555507% 57.367188%,
46.787907% 57.020038%,
46.155502% 56.576167%,
45.642042% 56.059886%,
45.231276% 55.495504%,
44.906944% 54.907335%,
44.652797% 54.319684%,
43.480158% 54.337448%,
43.481% 57.40079%,
35.857916% 57.403538%,
30.815258% 57.402679%,
26.935959% 57.402356%,
24.678555% 48.61592%,
22.415275% 57.396481%,
18.534255% 57.40312%,
15.405457% 57.405821%,
11.958988% 57.396551%,
10.966304% 54.263391%,
6.562174% 54.257145%,
5.5594728% 57.404686%
);
z-index: 1;
}
33.33% {
clip-path: polygon(
2.124% 57.394393%,
6.9564409% 43.401285%,
8.8267682% 43.400342%,
8.7620563% 47.010629%,
7.4388738% 51.465091%,
10.076165% 51.45696%,
8.7620563% 47.010629%,
8.8267682% 43.400342%,
10.563904% 43.401285%,
15.405457% 57.405821%,
18.534255% 57.40312%,
14.892899% 43.402689%,
18.557439% 43.403393%,
20.673169% 53.2643%,
23.132616% 43.396171%,
26.215497% 43.402369%,
28.674944% 53.26398%,
30.795266% 43.407925%,
34.454572% 43.396171%,
30.815258% 57.402679%,
35.857916% 57.403538%,
35.857118% 43.396171%,
43.320953% 43.400524%,
43.32% 46.459513%,
39.281388% 46.461%,
39.275048% 48.802057%,
42.709871% 48.800074%,
42.714225% 51.840053%,
39.277419% 51.844406%,
39.279402% 54.345771%,
43.480158% 54.337448%,
44.652797% 54.319684%,
47.50285% 52.895359%,
47.533231% 52.961968%,
47.626298% 53.13758%,
47.784934% 53.385855%,
48.012027% 53.670464%,
48.31046% 53.955072%,
48.683122% 54.203347%,
49.132895% 54.37896%,
49.662668% 54.445569%,
49.906865% 54.430451%,
50.130447% 54.385933%,
50.330052% 54.313263%,
50.502318% 54.213694%,
50.643886% 54.088479%,
50.751391% 53.938864%,
50.821475% 53.766103%,
50.850774% 53.571447%,
50.802354% 53.239688%,
50.639112% 52.946207%,
50.37446% 52.680242%,
50.021804% 52.431017%,
49.594553% 52.187769%,
49.106117% 51.939726%,
48.569901% 51.676124%,
47.999317% 51.386193%,
47.392103% 51.051005%,
46.831779% 50.694283%,
46.328851% 50.300062%,
45.893816% 49.852366%,
45.537174% 49.335234%,
45.269431% 48.732687%,
45.101085% 48.02876%,
45.042634% 47.207484%,
45.13131% 46.299113%,
45.388629% 45.492884%,
45.801523% 44.794647%,
46.356932% 44.210249%,
47.041788% 43.745537%,
47.843028% 43.406359%,
48.747587% 43.198565%,
49.742405% 43.128%,
50.808738% 43.236363%,
51.697829% 43.528571%,
52.425153% 43.95531%,
53.006171% 44.467265%,
53.456361% 45.015111%,
53.791188% 45.54954%,
54.02612% 46.021232%,
54.176631% 46.38087%,
51.311584% 47.685256%,
51.290204% 47.625829%,
51.223157% 47.469186%,
51.106087% 47.247803%,
50.934626% 46.994148%,
50.704415% 46.740691%,
50.411096% 46.519897%,
50.050309% 46.364241%,
49.617691% 46.306191%,
49.415096% 46.319507%,
49.211895% 46.35945%,
49.016643% 46.427998%,
48.837903% 46.527146%,
48.684237% 46.658876%,
48.564207% 46.825172%,
48.486369% 47.028026%,
48.459288% 47.269419%,
48.526773% 47.568728%,
48.713412% 47.848502%,
48.999593% 48.111612%,
49.365689% 48.360914%,
49.792091% 48.59927%,
50.259174% 48.829545%,
50.747317% 49.054602%,
51.236908% 49.277301%,
52.055433% 49.694579%,
52.72434% 50.124076%,
53.256416% 50.570633%,
53.664434% 51.039089%,
53.961177% 51.534276%,
54.159426% 52.061032%,
54.271957% 52.624195%,
54.311557% 53.228603%,
55.428647% 50.220466%,
55.553111% 48.899424%,
55.919032% 47.620607%,
56.515195% 46.425295%,
57.330394% 45.35476%,
58.353414% 44.450271%,
59.573043% 43.753109%,
60.978075% 43.304545%,
62.557291% 43.145852%,
62.636719% 46.340396%,
62.106162% 46.387315%,
61.517753% 46.538257%,
60.911126% 46.808495%,
60.325919% 47.213309%,
59.801763% 47.767967%,
59.378293% 48.487748%,
59.095149% 49.387927%,
58.991957% 50.483778%,
59.077971% 51.386792%,
59.321316% 52.187035%,
59.699941% 52.878167%,
60.191802% 53.453845%,
60.774853% 53.907736%,
61.427043% 54.233499%,
62.126327% 54.424791%,
62.850657% 54.475272%,
63.575294% 54.38563%,
64.263662% 54.163832%,
64.896509% 53.813847%,
65.454571% 53.339643%,
65.918589% 52.745191%,
66.269308% 52.034456%,
66.487469% 51.211409%,
66.553812% 50.280021%,
66.486116% 49.577364%,
66.303699% 48.880717%,
66.003653% 48.217106%,
65.583048% 47.613553%,
65.038973% 47.09708%,
64.368504% 46.694714%,
63.568725% 46.43348%,
62.636719% 46.340396%,
62.557291% 43.145852%,
63.8019% 43.173071%,
65.088868% 43.445612%,
66.353992% 43.964202%,
67.533065% 44.72956%,
68.561886% 45.742418%,
69.37625% 47.003491%,
69.911952% 48.513509%,
70.104786% 50.273197%,
71.820868% 50.316897%,
71.826181% 43.398925%,
76.268205% 43.396171%,
79.751486% 52.261142%,
83.250894% 43.398925%,
87.695676% 43.404238%,
87.698427% 57.410524%,
90.106903% 57.40777%,
90.117721% 43.398925%,
97.583913% 43.406989%,
97.573095% 46.469119%,
93.53353% 46.458301%,
93.536284% 48.804815%,
96.970976% 48.799303%,
96.981797% 51.845305%,
93.53353% 51.848056%,
93.535% 54.337576%,
97.746% 54.332071%,
97.747% 57.410524%,
90.106903% 57.40777%,
87.698427% 57.410524%,
84.414805% 57.402461%,
84.406742% 48.229642%,
81.333793% 56.262939%,
78.190814% 56.260189%,
75.117866% 48.229642%,
75.109802% 57.410524%,
71.834443% 57.402461%,
71.820868% 50.316897%,
70.104786% 50.273197%,
69.936527% 52.05121%,
69.463637% 53.571444%,
68.733943% 54.840695%,
67.795273% 55.865762%,
66.695462% 56.65344%,
65.482338% 57.210532%,
64.20373% 57.54383%,
62.907465% 57.660133%,
61.492517% 57.56017%,
60.13199% 57.234236%,
58.867254% 56.676749%,
57.739693% 55.882119%,
56.790672% 54.844763%,
56.061574% 53.55909%,
55.593774% 52.01952%,
55.428647% 50.220466%,
54.311557% 53.228603%,
54.27757% 53.997176%,
54.085005% 54.771864%,
53.733.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0