Skip to content

Instantly share code, notes, and snippets.

@pointofpresence

pointofpresence/filter.svg

Forked from subzey/filter.svg
Created February 26, 2020 17:55
Show Gist options
  • Save pointofpresence/e5325748e8c7dd06c4743e9dd242d989 to your computer and use it in GitHub Desktop.
Save pointofpresence/e5325748e8c7dd06c4743e9dd242d989 to your computer and use it in GitHub Desktop.
Download ZIP
SVG retrowave filter
Display the source blob
Display the rendered blob
Raw
filter.svg
<svg xmlns="https://www.w3.org/2000/svg">
<filter id="retrowave">
<feComponentTransfer>
<feFuncG type="table" tableValues="0 0 0.04 0.16 0.37 0.62 0.84 0.99 1"/>
<feFuncR type="table" tableValues="0 0.15 0.31 0.46 0.62 0.76 0.89 0.99 1"/>
<feFuncB type="table" tableValues="0 0.15 0.31 0.46 0.62 0.76 0.89 0.99 1"/>
</feComponentTransfer>
</filter>
</svg>
Raw
index.html
<!doctype html>
<body style="filter:url(filter.svg#retrowave)">Hey there!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment