Converts the photo into a graphite line drawing — edges become pencil strokes on a paper-white ground.
Hover the photo to apply the effect — move away to compare.
Pencil Sketch turns the photo into a line drawing: an SVG filter desaturates to luminance, softens slightly, runs a Laplacian edge-detect (feConvolveMatrix), boosts the weak edge response with a gamma curve (real photo edges rarely reach full scale, so without the boost the sketch reads nearly blank at display size), then inverts so flat areas read as white paper and edges read as graphite-gray strokes. Switch --ifx-sketch between Fine Pencil, Bold Charcoal (wider strokes) and Chalk on Black (luminous lines, no invert); --ifx-sketch-contrast tunes stroke weight. IMPORTANT: the effect needs both the CSS and the inline <svg> <filter> block in the DOM — the copied HTML/React bundles it; include the <svg> only once per page so the filter ids stay unique. feConvolveMatrix is compute-heavy, so keep it on display-size images. It works best on photos with a clear subject/background separation. Fully static: identical on touch, nothing to reduce for prefers-reduced-motion.
Enhanced — SVG filter. This effect uses an enhanced feature — provide a graceful fallback for older browsers.