Dirk Weber is a designer and frontend developer with a passion for everything related to type on the web. He gained fame for his translation of “Fifty Shades of Grey” into Dothraki and for his world record in recreating the complete 1F600 - 1F64F UnicodeBlock as latte art in under 3 minutes.
What exactly is a displacement filter? In this article, Dirk Weber explains the SVG
filter primitive with a good number of examples to demonstrate the concept of animated displacement maps.
Wouldn’t it be great if we could style letters the same way we usually style text with CSS? In this article we’ll see how SVG filters help us to create playful, decorative web typography.