FILDROP

A set of custom SVG filter effects

Download GitHub Tweet

Example

Campo de girasoles en Mazarete. Fotografía por Jorge Aznar

Drag and drop your image

Drag & drop not supported, but you can still upload via this input field:

File API & FileReader API not supported

XHR2's FormData is not supported

XHR2's upload progress isn't supported

Made with by Jorge Aznar

feColorMatrix - Saturate

Values

feColorMatrix - hueRotate

Values

feComponentTransfer - Linear

feTurbulence + feComposite

feComponentTransfer - Gamma

feGaussianBlur

stdDeviation

feMorphology - Erode

Radius

feMorphology - Dilate

Radius

feColorMatrix - Saturate + hueRotate

Saturate: values

hueRotate: values

feColorMatrix - Matrix

feColorMatrix - Matrix 2

feColorMatrix - Luminance To Alpha

feComponentTransfer - Discrete

feComponentTransfer - Discrete 2

feComponentTransfer - Table

feComponentTransfer - Table 2

feComponentTransfer - Identity

feTurbulence + feDisplacementMap

feColorMatrix - Matrix|Sepia

feConvolveMatrix

feConvolveMatrix 2

feGaussianBlur

feColorMatrix - Matrix&HueRotate

feComponentTransfer Table + feColorMatrix - Saturate

feComponentTransfer Table + feColorMatrix - Saturate 2

feComponentTransfer + feColorMatrix - HueRotate