纯css边框特效-html代码-BFW代码库

代码语言：html
所属分类：其他
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<link href="https://fonts.googleapis.com/css?family=Pinyon+Script&display=swap" rel="stylesheet">
<style>
body {
  display: grid;
  grid-template-columns: repeat(var(--n, 7), 15.625em);
  grid-gap: 1em;
  place-content: center;
  margin: 0;
  min-height: 100vh;
  background: repeating-linear-gradient(45deg, #000, #000 2px, transparent 0, transparent 7px) #555;
  text-align: center;
}
@media (max-width: 117.375em) {
  body {
    --n: 6;
  }
}
@media (max-width: 100.75em) {
  body {
    --n: 5;
  }
}
@media (max-width: 84.125em) {
  body {
    --n: 4;
  }
}
@media (max-width: 67.5em) {
  body {
    --n: 3;
  }
}
@media (max-width: 50.875em) {
  body {
    --n: 2;
  }
}
@media (max-width: 34.25em) {
  body {
    --n: 1;
  }
}

h3 {
  grid-column: 1/span var(--n);
  color: #fff;
  font: 2em cursive;
}

.circ {
  box-sizing: border-box;
  display: grid;
  place-content: center;
  position: relative;
  margin: 0.625em;
  padding-left: .25em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  font: 900 2.5em/ 1.25 pinyon script, cursive;
  filter: drop-shadow(1px 1px #fff);
}
.circ::after {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  left: -0.5em;
  background: inherit;
  content: "";
}

.circ:nth-of-type(1)::after {
  clip-path: polygon(100% 50%, calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), calc(50% + calc(50% - 0.375em)*1) calc(50% + calc(50% - 0.375em)*0), 100% 50%, 100% 50%, 99.24039% 58.68241%, calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), calc(50% + calc(50% - 0.375em)*0.98481) calc(50% + calc(50% - 0.375em)*0.17365), 99.24039% 58.68241%, 100% 50%, 96.98463% 67.10101%, calc(50% + calc(50% - 0.1875em)*0.86603) calc(50% + calc(50% - 0.1875em)*0.5), calc(50% + calc(50% - 0.375em)*0.93969) calc(50% + calc(50% - 0.375em)*0.34202), 96.98463% 67.10101%, 100% 50%, 93.30127% 75%, calc(50% + calc(50% - 0.1875em)*0.76604) calc(50% + calc(50% - 0.1875em)*0.64279), calc(50% + calc(50% - 0.375em)*0.86603) calc(50% + calc(50% - 0.375em)*0.5), 93.30127% 75%, 100% 50%, 88.30222% 82.13938%, calc(50% + calc(50% - 0.1875em)*0.64279) calc(50% + calc(50% - 0.1875em)*0.76604), calc(50% + calc(50% - 0.375em)*0.76604) calc(50% + calc(50% - 0.375em)*0.64279), 88.30222% 82.13938%, 100% 50%, 82.13938% 88.30222%, calc(50% + calc(50% - 0.1875em)*0.5) calc(50% + calc(50% - 0.1875em)*0.86603), calc(50% + calc(50% - 0.375em)*0.64279) calc(50% + calc(50% - 0.375em)*0.76604), 82.13938% 88.30222%, 100% 50%, 75% 93.30127%, calc(50% + calc(50% - 0.1875em)*0.34202) calc(50% + calc(50% - 0.1875em)*0.93969), calc(50% + calc(50% - 0.375em)*0.5) calc(50% + calc(50% - 0.375em)*0.86603), 75% 93.30127%, 100% 50%, 67.10101% 96.98463%, calc(50% + calc(50% - 0.1875em)*0.17365) calc(50% + calc(50% - 0.1875em)*0.98481), calc(50% + calc(50% - 0.375em)*0.34202) calc(50% + calc(50% - 0.375em)*0.93969), 67.10101% 96.98463%, 100% 50%, 58.68241% 99.24039%, calc(50% + calc(50% - 0.1875em)*0) calc(50% + calc(50% - 0.1875em)*1), calc(50% + calc(50% - 0.375em)*0.17365) calc(50% + calc(50% - 0.375em)*0.98481), 58.68241% 99.24039%, 100% 50%, 50% 100%, calc(50% + calc(50% - 0.1875em)*-0.17365) calc(50% + calc(50% - 0.1875em)*0.98481), calc(50% + calc(50% - 0.375em)*0) calc(50% + calc(50% - 0.375em)*1), 50% 100%, 100% 50%, 41.31759% 99.24039%, calc(50% + calc(50% - 0.1875em)*-0.34202) calc(50% + calc(50% - 0.1875em)*0.93969), calc(50% + calc(50% - 0.375em)*-0.17365) calc(50% + calc(50% - 0.375em)*0.98481), 41.31759% 99.24039%, 100% 50%, 32.89899% 96.98463%, calc(50% + calc(50% - 0.1875em)*-0.5) calc(50% + calc(50% - 0.1875em)*0.86603), calc(50% + calc(50% - 0.375em)*-0.34202) calc(50% + calc(50% - 0.375em)*0.93969), 32.89899% 96.98463%, 100% 50%, 25% 93.30127%, calc(50% + calc(50% - 0.1875em)*-0.64279) calc(50% + calc(50% - 0.1875em)*0.76604), calc(50% + calc(50% - 0.375em)*-0.5) calc(50% + calc(50% - 0.375em)*0.86603), 25% 93.30127%, 100% 50%, 17.86062% 88.30222%, calc(50% + calc(50% - 0.1875em)*-0.76604) calc(50% + calc(50% - 0.1875em)*0.64279), calc(50% + calc(50% - 0.375em)*-0.64279) calc(50% + calc(50% - 0.375em)*0.76604), 17.86062% 88.30222%, 100% 50%, 11.69778% 82.13938%, calc(50% + calc(50% - 0.1875em)*-0.86603) calc(50% + calc(50% - 0.1875em)*0.5), calc(50% + calc(50% - 0.375em)*-0.76604) calc(50% + calc(50% - 0.375em)*0.64279), 11.69778% 82.13938%, 100% 50%, 6.69873% 75%, calc(50% + calc(50% - 0.1875em)*-0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), calc(50% + calc(50% - 0.375em)*-0.86603) calc(50% + calc(50% - 0.375em)*0.5), 6.69873% 75%, 100% 50%, 3.01537% 67.10101%, calc(50% + calc(50% - 0.1875em)*-0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), calc(50% + calc(50% - 0.375em)*-0.93969) calc(50% + calc(50% - 0.375em)*0.34202), 3.01537% 67.10101%, 100% 50%, 0.75961% 58.68241%, calc(50% + calc(50% - 0.1875em)*-1) calc(50% + calc(50% - 0.1875em)*0), calc(50% + calc(50% - 0.375em)*-0.98481) calc(50% + calc(50% - 0.375em)*0.17365), 0.75961% 58.68241%, 100% 50%, 0% 50%, calc(50% + calc(50% - 0.1875em)*-0.98481) calc(50% + calc(50% - 0.1875em)*-0.17365), calc(50% + calc(50% - 0.375em)*-1) calc(50% + calc(50% - 0.375em)*0), 0% 50%, 100% 50%, 0.75961% 41.31759%, calc(50% + calc(50% - 0.1875em)*-0.93969) calc(50% + calc(50% - 0.1875em)*-0.34202), calc(50% + calc(50% - 0.375em)*-0.98481) calc(50% + calc(50% - 0.375em)*-0.17365), 0.75961% 41.31759%, 100% 50%, 3.01537% 32.89899%, calc(50% + calc(50% - 0.1875em)*-0.86603) calc(50% + calc(50% - 0.1875em)*-0.5), calc(50% + calc(50% - 0.375em)*-0.93969) calc(50% + calc(50% - 0.375em)*-0.34202), 3.01537% 32.89899%, 100% 50%, 6.69873% 25%, calc(50% + calc(50% - 0.1875em)*-0.76604) calc(50% + calc(50% - 0.1875em)*-0.64279), calc(50% + calc(50% - 0.375em)*-0.86603) calc(50% + calc(50% - 0.375em)*-0.5), 6.69873% 25%, 100% 50%, 11.69778% 17.86062%, calc(50% + calc(50% - 0.1875em)*-0.64279) calc(50% + calc(50% - 0.1875em)*-0.76604), calc(50% + calc(50% - 0.375em)*-0.76604) calc(50% + calc(50% - 0.375em)*-0.64279), 11.69778% 17.86062%, 100% 50%, 17.86062% 11.69778%, calc(50% + calc(50% - 0.1875em)*-0.5) calc(50% + calc(50% - 0.1875em)*-0.86603), calc(50% + calc(50% - 0.375em)*-0.64279) calc(50% + calc(50% - 0.375em)*-0.76604), 17.86062% 11.69778%, 100% 50%, 25% 6.69873%, calc(50% + calc(50% - 0.1875em)*-0.34202) calc(50% + calc(50% - 0.1875em)*-0.93969), calc(50% + calc(50% - 0.375em)*-0.5) calc(50% + calc(50% - 0.375em)*-0.86603), 25% 6.69873%, 100% 50%, 32.89899% 3.01537%, calc(50% + calc(50% - 0.1875em)*-0.17365) calc(50% + calc(50% - 0.1875em)*-0.98481), calc(50% + calc(50% - 0.375em)*-0.34202) calc(50% + calc(50% - 0.375em)*-0.93969), 32.89899% 3.01537%, 100% 50%, 41.31759% 0.75961%, calc(50% + calc(50% - 0.1875em)*0) calc(50% + calc(50% - 0.1875em)*-1), calc(50% + calc(50% - 0.375em)*-0.17365) calc(50% + calc(50% - 0.375em)*-0.98481), 41.31759% 0.75961%, 100% 50%, 50% 0%, calc(50% + calc(50% - 0.1875em)*0.17365) calc(50% + calc(50% - 0.1875em)*-0.98481), calc(50% + calc(50% - 0.375em)*0) calc(50% + calc(50% - 0.375em)*-1), 50% 0%, 100% 50%, 58.68241% 0.75961%, calc(50% + calc(50% - 0.1875em)*0.34202) calc(50% + calc(50% - 0.1875em)*-0.93969), calc(50% + calc(50% - 0.375em)*0.17365) calc(50% + calc(50% - 0.375em)*-0.98481), 58.68241% 0.75961%, 100% 50%, 67.10101% 3.01537%, calc(50% + calc(50% - 0.1875em)*0.5) calc(50% + calc(50% - 0.1875em)*-0.86603), calc(50% + calc(50% - 0.375em)*0.34202) calc(50% + calc(50% - 0.375em)*-0.93969), 67.10101% 3.01537%, 100% 50%, 75% 6.69873%, calc(50% + calc(50% - 0.1875em)*0.64279) calc(50% + calc(50% - 0.1875em)*-0.76604), calc(50% + calc(50% - 0.375em)*0.5) calc(50% + calc(50% - 0.375em)*-0.86603), 75% 6.69873%, 100% 50%, 82.13938% 11.69778%, calc(50% + calc(50% - 0.1875em)*0.76604) calc(50% + calc(50% - 0.1875em)*-0.64279), calc(50% + calc(50% - 0.375em)*0.64279) calc(50% + calc(50% - 0.375em)*-0.76604), 82.13938% 11.69778%, 100% 50%, 88.30222% 17.86062%, calc(50% + calc(50% - 0.1875em)*0.86603) calc(50% + calc(50% - 0.1875em)*-0.5), calc(50% + calc(50% - 0.375em)*0.76604) calc(50% + calc(50% - 0.375em)*-0.64279), 88.30222% 17.86062%, 100% 50%, 93.30127% 25%, calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*-0.34202), calc(50% + calc(50% - 0.375em)*0.86603) calc(50% + calc(50% - 0.375em)*-0.5), 93.30127% 25%, 100% 50%, 96.98463% 32.89899%, calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*-0.17365), calc(50% + calc(50% - 0.375em)*0.93969) calc(50% + calc(50% - 0.375em)*-0.34202), 96.98463% 32.89899%, 100% 50%, 99.24039% 41.31759%, calc(50% + calc(50% - 0.1875em)*1) calc(50% + calc(50% - 0.1875em)*0), calc(50% + calc(50% - 0.375em)*0.98481) calc(50% + calc(50% - 0.375em)*-0.17365), 99.24039% 41.31759%, 100% 50%);
}

.circ:nth-of-type(2)::after {
  clip-path: polygon(99.80973% 54.35779%, calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), calc(50% + calc(50% - 0.375em)*0.99619) calc(50% + calc(50% - 0.375em)*0.08716), calc(50% + calc(50% - 0.1875em)*1) calc(50% + calc(50% - 0.1875em)*0), 99.80973% 54.35779%, 100% 50%, 98.29629% 62.94095%, calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), calc(50% + calc(50% - 0.375em)*0.96593) calc(50% + calc(50% - 0.375em)*0.25882), calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), 98.29629% 62.94095%, 100% 50%, 95.31539% 71.13091%, calc(50% + calc(50% - 0.1875em)*0.86603) calc(50% + calc(50% - 0.1875em)*0.5), calc(50% + calc(50% - 0.375em)*0.90631) calc(50% + calc(50% - 0.375em)*0.42262), calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), 95.31539% 71.13091%, 100% 50%, 90.9576% 78.67882%, calc(50% + calc(50% - 0.1875em)*0.76604) calc(50% + calc(50% - 0.1875em)*0.64279), calc(50% + calc(50% - 0.375em)*0.81915) calc(50% + calc(50% - 0.375em)*0.57358), calc(50% + calc(50% - 0.1875em)*0.86603) calc(50% + calc(50% - 0.1875em)*0.5), 90.9576% 78.67882%, 100% 50%, 85.35534% 85.35534%, calc(50% + calc(50% - 0.1875em)*0.64279) calc(50% + calc(50% - 0.1875em)*0.76604), calc(50% + calc(50% - 0.375em)*0.70711) calc(50% + calc(50% - 0.375em)*0.70711), calc(50% + calc(50% - 0.1875em)*0.76604) calc(50% + calc(50% - 0.1875em)*0.64279), 85.35534% 85.35534%, 100% 50%, 78.67882% 90.9576%, calc(50% + calc(50% - 0.1875em)*0.5) calc(50% + calc(50% - 0.1875em)*0.86603), calc(50% + calc(50% - 0.375em)*0.57358) calc(50% + calc(50% - 0.375em)*0.81915), calc(50% + calc(50% - 0.1875em)*0.64279) calc(50% + calc(50% - 0.1875em)*0.76604), 78.67882% 90.9576%, 100% 50%, 71.13091% 95.31539%, calc(50% + calc(50% - 0.1875em)*0.34202) calc(50% + calc(50% - 0.1875em)*0.93969), calc(50% + calc(50% - 0.375em)*0.42262) calc(50% + calc(50% - 0.375em)*0.90631), calc(50% + calc(50% - 0.1875em)*0.5) calc(50% + calc(50% - 0.1875em)*0.86603), 71.13091% 95.31539%, 100% 50%, 62.94095% 98.29629%, calc(50% + calc(50% - 0.1875em)*0.17365) calc(50% + calc(50% - 0.1875em)*0.98481), calc(50% + calc(50% - 0.375em)*0.25882) calc(50% + calc(50% - 0.375em)*0.96593), calc(50% + calc(50% - 0.1875em)*0.34202) calc(50% + calc(50% - 0.1875em)*0.93969), 62.94095% 98.29629%, 100% 50%, 54.35779% 99.80973%, calc(50% + calc(50% - 0.1875em)*0) calc(50% + calc(50% - 0.1875em)*1), calc(50% + calc(50% - 0.375em)*0.08716) calc(50% + calc(50% - 0.375em)*0.99619), calc(50% + calc(50% - 0.1875em)*0.17365) calc(50% + calc(50% - 0.1875em)*0.98481), 54.35779% 99.80973%, 100% 50%, 45.64221% 99.80973%, calc(50% + calc(50% - 0.1875em)*-0.17365) calc(50% + calc(50% - 0.1875em)*0.98481), calc(50% + calc(50% - 0.375em)*-0.08716) calc(50% + calc(50% - 0.375em)*0.99619), calc(50% + calc(50% - 0.1875em)*0) calc(50% + calc(50% - 0.1875em)*1), 45.64221% 99.80973%, 100% 50%, 37.05905% 98.29629%, calc(50% + calc(50% - 0.1875em)*-0.34202) calc(50% + calc(50% - 0.1875em)*0.93969), calc(50% + calc(50% - 0.375em)*-0.25882) calc(50% + calc(50% - 0.375em)*0.96593), calc(50% + calc(50% - 0.1875em)*-0.17365) calc(50% + calc(50% - 0.1875em)*0.98481), 37.05905% 98.29629%, 100% 50%, 28.86909% 95.31539%, calc(50% + calc(50% - 0.1875em)*-0.5) calc(50% + calc(50% - 0.1875em)*0.86603), calc(50% + calc(50% - 0.375em)*-0.42262) calc(50% + calc(50% - 0.375em)*0.90631), calc(50% + calc(50% - 0.1875em)*-0.34202) calc(50% + calc(50% - 0.1875em)*0.93969), 28.86909% 95.31539%, 100% 50%, 21.32118% 90.9576%, calc(50% + calc(50% - 0.1875em)*-0.64279) calc(50% + calc(50% - 0.1875em)*0.76604), calc(50% + calc(50% - 0.375em)*-0.57358) calc(50% + calc(50% - 0.375em)*0.81915), calc(50% + calc(50% - 0.1875em)*-0.5) calc(50% + calc(50% - 0.1875em)*0.86603), 21.32118% 90.9576%, 100% 50%, 14.64466% 85.35534%, calc(50% + calc(50% - 0.1875em)*-0.76604) calc(50% + calc(50% - 0.1875em)*0.64279), calc(50% + calc(50% - 0.375em)*-0.70711) calc(50% + calc(50% - 0.375em)*0.70711), calc(50% + calc(50% - 0.1875em)*-0.64279) calc(50% + calc(50% - 0.1875em)*0.76604), 14.64466% 85.35534%, 100% 50%, 9.0424% 78.67882%, calc(50% + calc(50% - 0.1875em)*-0.86603) calc(50% + calc(50% - 0.1875em)*0.5), calc(50% + calc(50% - 0.375em)*-0.81915) calc(50% + calc(50% - 0.375em)*0.57358), calc(50% + calc(50% - 0.1875em)*-0.76604) calc(50% + calc(50% - 0.1875em)*0.64279), 9.0424% 78.67882%, 100% 50%, 4.68461% 71.13091%, calc(50% + calc(50% - 0.1875em)*-0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), calc(50% + calc(50% - 0.375em)*-0.90631) calc(50% + calc(50% - 0.375em)*0.42262), calc(50% + calc(50% - 0.1875em)*-0.86603) calc(50% + calc(50% - 0.1875em)*0.5), 4.68461% 71.13091%, 100% 50%, 1.70371% 62.94095%, calc(50% + calc(50% - 0.1875em)*-0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), calc(50% + calc(50% - 0.375em)*-0.96593) calc(50% + calc(50% - 0.375em)*0.25882), calc(50% + calc(50% - 0.1875em)*-0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), 1.70371% 62.94095%, 100% 50%, 0.19027% 54.35779%, calc(50% + calc(50% - 0.1875em)*-1) calc(50% + calc(50% - 0.1875em)*0), calc(50% + calc(50% - 0.375em)*-0.99619) calc(50% + calc(50% - 0.375em)*0.08716), calc(50% + calc(50% - 0.1875em)*-0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), 0.19027% 54.35779%, 100% 50%, 0.19027% 45.64221%, calc(50% + calc(50% - 0.1875em)*-0.98481) calc(50% + calc(50% - 0.1875em)*-0.17365), calc(50% + calc(50% - 0.375em)*-0.99619) calc(50% + calc(50% - 0.375em)*-0.08716), calc(50% + calc(50% - 0.1875em)*-1) calc(50% + calc(50% - 0.1875em)*0), 0.19027% 45.64221%, 100% 50%, 1.70371% 37.05905%, calc(50% + calc(50% - 0.1875em)*-0.93969) calc(50% + calc(50% - 0.1875em)*-0.34202), calc(50% + calc(50% - 0.375em)*-0.96593) calc(50% + calc(50% - 0.375em)*-0.25882), calc(50% + calc(50% - 0.1875em)*-0.98481) calc(50% + calc(50% - 0.1875em)*-0.17365), 1.70371% 37.05905%, 100% 50%, 4.68461% 28.86909%, calc(50% + calc(50% - 0.1875em)*-0.86603) calc(50% + calc(50% - 0.1875em)*-0.5), calc(50% + calc(50% - 0.375em)*-0.90631) calc(50% + calc(50% - 0.375em)*-0.42262), calc(50% + calc(50% - 0.1875em)*-0.93969) calc(50% + calc(50% - 0.1875em)*-0.34202), 4.68461% 28.86909%, 100% 50%, 9.0424% 21.32118%, calc(50% + calc(50% - 0.1875em)*-0.76604) calc(50% + calc(50% - 0.1875em)*-0.64279), calc(50% + calc(50% - 0.375em)*-0.81915) calc(50% + calc(50% - 0.375em)*-0.57358), calc(50% + calc(50% - 0.1875em)*-0.86603) calc(50% + calc(50% - 0.1875em)*-0.5), 9.0424% 21.32118%, 100% 50%, 14.64466% 14.64466%, calc(50% + calc(50% - 0.1875em)*-0.64279) calc(50% + calc(50% - 0.1875em)*-0.76604), calc(50% + calc(50% - 0.375em)*-0.70711) calc(50% + calc(50% - 0.375em)*-0.70711), calc(50% + calc(50% - 0.1875em)*-0.76604) calc(50% + calc(50% - 0.1875em)*-0.64279), 14.64466% 14.64466%, 100% 50%, 21.32118% 9.0424%, calc(50% + calc(50% - 0.1875em)*-0.5) calc(50% + calc(50% - 0.1875em)*-0.86603), calc(50% + calc(50% - 0.375em)*-0.57358) calc(50% + calc(50% - 0.375em)*-0.81915), calc(50% + calc(50% - 0.1875em)*-0.64279) calc(50% + calc(50% - 0.1875em)*-0.76604), 21.32118% 9.0424%, 100% 50%, 28.86909% 4.68461%, calc(50% + calc(50% - 0.1875em)*-0.34202) calc(50% + calc(50% - 0.1875em)*-0.93969), calc(50% + calc(50% - 0.375em)*-0.42262) calc(50% + calc(50% - 0.375em)*-0.90631), calc(50% + calc(50% - 0.1875em)*-0.5) calc(50% + calc(50% - 0.1875em)*-0.86603), 28.86909% 4.68461%, 100% 50%, 37.05905% 1.70371%, calc(50% + calc(50% - 0.1875em)*-0.17365) calc(50% + calc(50% - 0.1875em)*-0.98481), calc(50% + calc(50% - 0.375em)*-0.25882) calc(50% + calc(50% - 0.375em)*-0.96593), calc(50% + calc(50% - 0.1875em)*-0.34202) calc(50% + calc(50% - 0.1875em)*-0.93969), 37.05905% 1.70371%, 100% 50%, 45.64221% 0.19027%, calc(50% + calc(50% - 0.1875em)*0) calc(50% + calc(50% - 0.1875em)*-1), calc(50% + calc(50% - 0.375em)*-0.08716) calc(50% + calc(50% - 0.375em)*-0.99619), calc(50% + calc(50% - 0.1875em)*-0.17365) calc(50% + calc(50% - 0.1875em)*-0.98481), 45.64221% 0.19027%, 100% 50%, 54.35779% 0.19027%, calc(50% + calc(50% - 0.1875em)*0.17365) calc(50% + calc(50% - 0.1875em)*-0.98481), calc(50% + calc(50% - 0.375em)*0.08716) calc(50% + calc(50% - 0.375em)*-0.99619), calc(50% + calc(50% - 0.1875em)*0) calc(50% + calc(50% - 0.1875em)*-1), 54.35779% 0.19027%, 100% 50%, 62.94095% 1.70371%, calc(50% + calc(50% - 0.1875em)*0.34202) calc(50% + calc(50% - 0.1875em)*-0.93969), calc(50% + calc(50% - 0.375em)*0.25882) calc(50% + calc(50% - 0.375em)*-0.96593), calc(50% + calc(50% - 0.1875em)*0.17365) calc(50% + calc(50% - 0.1875em)*-0.98481), 62.94095% 1.70371%, 100% 50%, 71.13091% 4.68461%, calc(50% + calc(50% - 0.1875em)*0.5) calc(50% + calc(50% - 0.1875em)*-0.86603), calc(50% + calc(50% - 0.375em)*0.42262) calc(50% + calc(50% - 0.375em)*-0.90631), calc(50% + calc(50% - 0.1875em)*0.34202) calc(50% + calc(50% - 0.1875em)*-0.93969), 71.13091% 4.68461%, 100% 50%, 78.67882% 9.0424%, calc(50% + calc(50% - 0.1875em)*0.64279) calc(50% + calc(50% - 0.1875em)*-0.76604), calc(50% + calc(50% - 0.375em)*0.57358) calc(50% + calc(50% - 0.375em)*-0.81915), calc(50% + calc(50% - 0.1875em)*0.5) calc(50% + calc(50% - 0.1875em)*-0.86603), 78.67882% 9.0424%, 100% 50%, 85.35534% 14.64466%, calc(50% + calc(50% - 0.1875em)*0.76604) calc(50% + calc(50% - 0.1875em)*-0.64279), calc(50% + calc(50% - 0.375em)*0.70711) calc(50% + calc(50% - 0.375em)*-0.70711), calc(50% + calc(50% - 0.1875em)*0.64279) calc(50% + calc(50% - 0.1875em)*-0.76604), 85.35534% 14.64466%, 100% 50%, 90.9576% 21.32118%, calc(50% + calc(50% - 0.1875em)*0.86603) calc(50% + calc(50% - 0.1875em)*-0.5), calc(50% + calc(50% - 0.375em)*0.81915) calc(50% + calc(50% - 0.375em)*-0.57358), calc(50% + calc(50% - 0.1875em)*0.76604) calc(50% + calc(50% - 0.1875em)*-0.64279), 90.9576% 21.32118%, 100% 50%, 95.31539% 28.86909%, calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*-0.34202), calc(50% + calc(50% - 0.375em)*0.90631) calc(50% + calc(50% - 0.375em)*-0.42262), calc(50% + calc(50% - 0.1875em)*0.86603) calc(50% + calc(50% - 0.1875em)*-0.5), 95.31539% 28.86909%, 100% 50%, 98.29629% 37.05905%, calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*-0.17365), calc(50% + calc(50% - 0.375em)*0.96593) calc(50% + calc(50% - 0.375em)*-0.25882), calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*-0.34202), 98.29629% 37.05905%, 100% 50%, 99.80973% 45.64221%, calc(50% + calc(50% - 0.1875em)*1) calc(50% + calc(50% - 0.1875em)*0), calc(50% + calc(50% - 0.375em)*0.99619) calc(50% + calc(50% - 0.375em)*-0.08716), calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*-0.17365), 99.80973% 45.64221%, 100% 50%);
}

.circ:nth-of-type(3)::after {
  clip-path: polygon(99.95241% 52.18097%, 99.57224% 56.52631%, calc(50% + calc(50% - 0.1875em)*0.98481) calc(50% + calc(50% - 0.1875em)*0.17365), calc(50% + calc(50% - 0.375em)*0.99144) calc(50% + calc(50% - 0.375em)*0.13053), calc(50% + calc(50% - 0.375em)*0.99905) calc(50% + calc(50% - 0.375em)*0.04362), calc(50% + calc(50% - 0.1875em)*1) calc(50% + calc(50% - 0.1875em)*0), 99.95241% 52.18097%, 100% 50%, 98.8148% 60.82198%, 97.68585% 65.03529%, calc(50% + calc(50% - 0.1875em)*0.93969) calc(50% + calc(50% - 0.1875em)*0.34202), calc(50% + calc(50% - 0.375em)*0.95372) calc(50% + calc(50% - 0.375em)*0.30071), calc(50% + calc(50% - 0.37.........完整代码请登录后点击上方下载按钮下载查看