~/talk

SVG Filters: The Crash Course

Talkat Beyond Tellerrand Munich 2018 · 2018-01-15..01-17· [css, web-animation]
slides:none on file

Shows exactly how to build real effects and which primitives to chain so they actually work: a drop shadow using FEOffset + FEGaussianBlur + FEFlood + FEComposite + FEMerge, outline text via FEMorphology dilate and a textured displaced headline using FEImage desaturate blur 0.5 then FEDisplacementMap scale 15. Demonstrates noise recipes — baseFrequency 0.04, octaves up to 5 — and turning turbulence into paper with FETurbulence + FELighting, plus poster and duotone results using feComponentTransfer and sRGB color interpolation.

AI-written summary · about

  1. 0:00SVG Filters ACRASH COURSE
  2. 9:19THE FILTER REGION
  3. 10:28EFFECT!
  4. 13:25CREATING A DROP SHADOW
  5. 23:42APPLYING TEXTURE
  6. 30:39CREATING TEXTURE
  7. 42:46IMAGE COLOR MANIPULATION EFFECTS
  8. 44:59DUOTONE EFFECT WITH CONTRAST CONTROL
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.