Feb 27, 2026

I am a huge SVG fan. It is vastly underappreciated and underused on the modern web. I was excited then to run across this video by Loris Sigrist on SVG Filters. Loris does a great job with a gentle, yet awe-inspiring introduction. Also, check out SVGFM by Chris Kirk-Nielsen.

<!-- From the session GitHub repository -->
<svg>      
  <defs> 
    <filter id="my-filter">
            
      <!-- Blur by 5 px-->
      <feGaussianBlur 
        in="SourceGraphic" 
        stdDeviation="5" 
        result="blurred" 
      />

      <!-- Swap Red and Blue Color Channels -->
      <feColorMatrix
        type="matrix"
        result="blurred-and-swapped"
        values="..." />

      <!-- Add the two intermediate results -->
      <feComposite 
        in="blurred" 
        in2="blurred-and-swapped" 
        operator="lighter"
      />
            
      <!-- ꜛꜛꜛ The last Primitive is the result of the entire Filter -->

    </filter>
  </defs>
</svg>