Pattern

作者:chase2k250 点赞MIT

实时预览

源代码

export default function Component() {
  return (
    <div className="void-pulse">
  <span className="orbit-overlay"></span>
  <svg className="texture-filter">
    <filter id="void-texture">
      <feTurbulence
        result="noise"
        numOctaves="3"
        baseFrequency="0.02"
        type="turbulence"
      ></feTurbulence>
      <feGaussianBlur
        result="blur"
        stdDeviation="1"
        in="noise"
      ></feGaussianBlur>
      <feSpecularLighting
        result="specular"
        lighting-color="#ff66cc"
        specularExponent="20"
        specularConstant="1"
        surfaceScale="3"
        in="blur"
      >
        <feDistantLight elevation="45" azimuth="90"></feDistantLight>
      </feSpecularLighting>
      <feComposite
        result="lit"
        operator="over"
        in2="SourceGraphic"
        in="specular"
      ></feComposite>
      <feBlend mode="screen" in2="lit" in="SourceGraphic"></feBlend>
    </filter>
  </svg>
</div>
  );
}