纯css实现文字缩写无限循环幻灯效果-html代码-BFW代码库

代码语言：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.........完整代码请登录后点击上方下载按钮下载查看