Egg/cyberpink
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Chromatic abaration effect

Browse source
This commit is contained in:
Nox Sluijtman 2023-08-10 23:20:58 +02:00
parent e477c27b3a
commit 6db60fa38a
3 changed files with 39 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
layouts/_default/baseof.html
View file

@ -11,4 +11,7 @@
</main>
{{- partial "footer.html" . -}}
</body>
{{- partial "chroma.html" . -}}
</html>

21
layouts/partials/chroma.html Normal file
View file

@ -0,0 +1,21 @@
<!-- Chromatic abaration effect -->
<svg width="0" height="0">
<filter id="chroma">
<feColorMatrix type="matrix"
result="red_"
values="4 0 0 0 0
0 0 0 0 0
0 0 0 0 0
0 0 0 1 0"/>
<feOffset in="red_" dx="2" dy="0" result="red"/>
<feColorMatrix type="matrix"
in="SourceGraphic"
result="blue_"
values="0 0 0 0 0
0 3 0 0 0
0 0 10 0 0
0 0 0 1 0"/>
<feOffset in="blue_" dx="-3" dy="0" result="blue"/>
<feBlend mode="screen" in="red" in2="blue"/>
</filter>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 519 B