dify/web/app/components/billing/pricing/assets/noise-bottom.tsx

23 lines
1.0 KiB
XML

const NoiseBottom = () => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="148" viewBox="0 0 100% 148" fill="none">
<g opacity="0.1" filter="url(#filter0_g_1_5505)">
<rect y="52" width="100%" height="96" fill="var(--color-text-quaternary)" />
</g>
<defs>
<filter id="filter0_g_1_5505" x="0" y="0" width="100%" height="296" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
<feTurbulence type="fractalNoise" baseFrequency="0.625 0.625" numOctaves="3" seed="5427" />
<feDisplacementMap in="shape" scale="200" xChannelSelector="R" yChannelSelector="G" result="displacedImage" width="100%" height="100%" />
<feMerge result="effect1_texture_1_5505">
<feMergeNode in="displacedImage" />
</feMerge>
</filter>
</defs>
</svg>
)
}
export default NoiseBottom