Mimic CMYK plates offset with jQuery
<p>I would like to make a visual disturbance effect on certain words in the text of my page, to mimic on-screen the calibration / offset errors that can occur when printing posters, magazines…</p>

<p>The idea is to randomly select a target word in the text, then wrap it in a <code>&lt;span class="cmyk intensity-max"&gt;</code>. Then I would wrap the adjacent words in <code>&lt;span class="cmyk intensity-medium"&gt;</code> and following in <code>&lt;span class="cmyk intensity-min"&gt;</code>. The goal is to disturb a zone in the text and not a single word (I’m not really satisfied with my idea to atteign progressivity in the disturbance).</p>

<p>Then, I got a function that clones the content of the span three times, affects a relative position to the initial span, and absolute position and c/m/y colors to the other.</p>

<p>My question is about the best way to achieve this effect, in terms of performance, and about how to deal with the internal markup of the text (links, strongs, ems).</p>
