A Deep Dive Into The Wonderful World Of SVG Displacement Filtering

What exactly is a displacement filter? In this article, Dirk Weber explains the SVG feDisplacementMap filter primitive with a good number of examples to demonstrate the concept of animated displacement maps. https://smashingmagazine.com/2021/09/deep-dive-wonderful-world-svg-displacement-filtering/

Created 4y | Sep 1, 2021, 1:20:10 PM


Login to add comment

Other posts in this group

Designing With AI, Not Around It: Practical Advanced Techniques For Product Design Use Cases

Prompting isn’t just about writing better instructions, but about designing better thinking. Ilia Kanazin and Marina Chernyshova explore how advanced prompting can empower different product & design u

Aug 11, 2025, 3:50:06 PM | Smashing magazine
The Power Of The <code>Intl</code> API: A Definitive Guide To Browser-Native Internationalization

Internationalization isn’t just translation. It’s about formatting dates, pluralizing words, sorting names, and more, all according to specific locales. Instead of relying on heavy third-party librari

Aug 8, 2025, 1:50:02 PM | Smashing magazine
Automating Design Systems: Tips And Resources For Getting Started

Design systems are more than style guides: they’re made up of workflows, tokens, components, and documentation — all the stuff teams rely on to build consistent products. As projects grow, keepi

Aug 6, 2025, 1:10:08 PM | Smashing magazine
UX Job Interview Helpers

Talking points. Smart questions. A compelling story. This guide helps you prepare for your UX job interview. And remember: no act of kindness, however small, is ever wasted. https://smashingmagazine.c

Aug 5, 2025, 4:20:05 PM | Smashing magazine
Stories Of August (2025 Wallpapers Edition)

Do you need a little inspiration boost? Well, then our new batch of desktop wallpapers might be for you. The wallpapers are designed with love by the community for the community and can be downloaded

Jul 31, 2025, 1:20:08 PM | Smashing magazine
The Core Model: Start FROM The Answer, Not WITH The Solution

The Core Model is a practical methodology that flips traditional digital development on its head. Instead of starting with solutions or structure, we begin with a hypothesis about what users need and

Jul 30, 2025, 2:10:09 PM | Smashing magazine
Web Components: Working With Shadow DOM

Web Components are more than just Custom Elements. Shadow DOM, HTML Templates, and Custom Elements each play a role. In this article, Russell Beswick demonstrates how Shadow DOM fits into the broader

Jul 28, 2025, 11:10:16 AM | Smashing magazine