Post #1976882
2024-05-15 10:58 UTC
Ever wanted to add chromatic aberration to an image?
It's possible with a simple #SVG #filter! No layering of multiple images or any other tricks needed https://codepen.io/thebabydino/pen/Jjzvbba
@codepen
#CodePenChallenge #CodePen #svgFilter #css #code #coding #frontend #web #webDev #dev #webDevelopment #chromaticAberration
Replies (3)
-
@anatudor@mastodon.social 2024-05-15 11:57
The how behind is really simple. We use the individual RGB channel extraction tactic from https://mastodon.social/@anatudor/112095185713025704 Then we offset two of the individual RGB channels along different directions and then recombine the post-offset RGB channels. #SVG #filter #CodePen #svgFilter #css #code #coding #frontend #web #webDev #dev #webDevelopment #chromaticAberration
-
@scrwd@mastodon.social 2024-05-15 12:26
@anatudor@mastodon.social is it possible to animate the effect - thinking like a little glitch type thing.
-
@bntn@mastodon.social 2026-04-28 14:54
@anatudor@mastodon.social love it, as always! Gotta say, I’m so glad you came over to Fedi because your pens are truly helpful and inspiring. Thanks for contributing to our craft!