1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
/* 像素化(馬賽克)濾鏡 */

/* 像素的大小預設為 4px，可修改 svg 內的數值做調整：
 * 假如想調整為 N px，
 * 請將 feOffset 的 width 及 height 值調整為 N，
 *  dx 及 dy 調整為 (N-1)/2，
 * feMorphology 的 radius 值調整為 N/2。
 */

/* 使用例：將河道的 R18 噗打上馬賽克 */
plurk.porn:not(.plurk_box) .td_cnt > .text_holder {
filter: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><filter id="pixelate" x="0" y="0" width="100%" height="100%"><feColorMatrix width="1" height="1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1"/><feOffset dx="1.5" dy="1.5" width="4" height="4"/><feTile/><feComposite in="SourceGraphic" operator="in"/><feMorphology operator="dilate" radius="2"/></filter></svg>#pixelate');
}