Знаете такой приём в анимации, когда статический объект слегка меняется текстурно, из-за чего получается эффект движения без движения? В 2d-мультфильмах такое бывает.
Камилло Визини показывает, как сделать такое на SVG-фильтрах:
1. Сначала собираем фильтр
feTurbulence, чтобы добавить шум.2. Затем добавляем
feDisplacementMap, который применяет сгенерированный шум на картинке для искажений.3. Меняем параметры для фильтров из п. 2 и п. 3 по таймеру — анимируем.
Эффект получается классный, для сайтов в стилистике рисунков от руки или презентаций вообще топ.
https://camillovisini.com/coding/simulating-hand-drawn-motion-with-svg-filters
