Skip to content

Instantly share code, notes, and snippets.

@dcz-switcher
Created January 2, 2015 23:11
Show Gist options
  • Save dcz-switcher/6ac126575158189be8f1 to your computer and use it in GitHub Desktop.
Save dcz-switcher/6ac126575158189be8f1 to your computer and use it in GitHub Desktop.
svg filter night vision
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>svg filter - night vision</title>
<style>
#tile{
-webkit-filter : url(#nightVision);
filter : url(#nightVision);
}
</style>
</head>
<body>
<img id="tile" src="46459.png">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1">
<defs>
<filter
x="0"
y="0"
width="1"
height="1"
color-interpolation-filters="sRGB"
id="nightVision">
<feColorMatrix
id="feColorMatrix3996"
result="result1"
values="0"
type="saturate" />
<feFlood
flood-opacity="1"
id="feFlood3998"
flood-color="rgb(77,101,85)" />
<feBlend
in2="result1"
mode="multiply"
result="result2"
id="feBlend4000" />
<feComposite
in2="SourceGraphic"
operator="in"
in="result2"
result="result3"
id="feComposite4002" />
</filter>
</defs>
</svg>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment