CommunityRule/community-rule
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update noise textures

Browse Source
This commit is contained in:
adilallo
2025-08-27 10:28:26 -06:00
parent 39261e18d3
commit 580b7b16c1
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/HeroDecor.js
+3 -3
View File
@@ -35,9 +35,9 @@ const HeroDecor = ({ className = "" }) => {
result="softNoise"
type="matrix"
values="
0.1 0 0 0 0.05
0 0.1 0 0 0.05
0 0 0.1 0 0.05
0.8 0 0 0 0.3
0 0.6 0 0 0.2
0 0 1.0 0 0.4
0 0 0 0.25 0"
/>
{/* 3) MASK noise to the element's alpha only */}
app/components/QuoteBlock.js
+1 -1
View File
@@ -131,7 +131,7 @@ const QuoteBlock = ({
className="absolute inset-0 bg-[var(--color-surface-default-brand-darker-accent)]"
style={{
filter:
'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="grain" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1" colorInterpolationFilters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="0.4" numOctaves="3" seed="7" stitchTiles="stitch" result="noise"/><feColorMatrix in="noise" result="softNoise" type="matrix" values="0.1 0 0 0 0.05 0 0.1 0 0 0.05 0 0 0.1 0 0.05 0 0 0 0.25 0"/><feComposite in="softNoise" in2="SourceAlpha" operator="in" result="maskedNoise"/><feBlend in="SourceGraphic" in2="maskedNoise" mode="multiply"/></filter></defs></svg>#grain\')',
'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><defs><filter id="grain" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1" colorInterpolationFilters="sRGB"><feTurbulence type="fractalNoise" baseFrequency="0.4" numOctaves="3" seed="7" stitchTiles="stitch" result="noise"/><feColorMatrix in="noise" result="softNoise" type="matrix" values="0.8 0 0 0 0.3 0 0.6 0 0 0.2 0 0 1.0 0 0.4 0 0 0 0.25 0"/><feComposite in="softNoise" in2="SourceAlpha" operator="in" result="maskedNoise"/><feBlend in="SourceGraphic" in2="maskedNoise" mode="multiply"/></filter></defs></svg>#grain\')',
}}
/>