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), then inverts so flat areas read as white paper and edges read as dark 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.