Компонент добавляет WebGL-эффект пиксельного искажения на hover: изображение, видео или Framer-компонент разбивается на сетку блоков, которые смещаются вслед за движением курсора.
Можно настроить:
— размер сетки
— радиус курсора
— силу искажения
— скорость возврата
— displacement
— chromatic aberration
— качество рендера
Эффект работает в Preview и на опубликованном сайте.
Как добавить:
Скопируйте ссылку:
https://framer.com/m/PixelDistortion-ngj8Ej.js
И вставьте её в свой Framer-проект.
Предпросмотр:
https://formal-salmon-595048.framer.app/
#component