---
title: "DistortedLinkEffects"
description: "Decorative link hover distortions built with SVG turbulence and displacement filters rather than canvas or WebGL."
canonical: "https://vibing.inc/library/distortedlinkeffects-vg-0153"
category: "Backgrounds, Effects & CSS Oddities"
subcategory: "Hover effects"
license: "MIT"
author: "Codrops / Manoela Ilic (@crnacura)"
source: "https://github.com/codrops/DistortedLinkEffects"
---

# DistortedLinkEffects
Decorative link hover distortions built with SVG turbulence and displacement filters rather than canvas or WebGL.
## Facts
- Source: https://github.com/codrops/DistortedLinkEffects
- Category: Backgrounds, Effects & CSS Oddities / Hover effects
- Author: Codrops / Manoela Ilic (@crnacura)
- Licence: MIT
- Tags: svg-filter, hover, links, effects
## Why it's a gem
SVG filter distortion on text links, a technique almost nobody reaches for
---
Listed in The Vibeary: https://vibing.inc/library/distortedlinkeffects-vg-0153 · JSON: https://vibing.inc/api/public/library/gems/distortedlinkeffects-vg-0153