|
예제
 |
|
| 원본 |
filter:blur(add=0, strength=30, direction=45) |
|
|
| filter:blur(add=1, strength=80, direction=180) |
filter:blur(add=0, strength=10, direction=135) |
|
|
| filter:blur(add=0, strength=40, direction=90) |
filter:blur(add=0, strength=70, direction=45) |
|
|
|
소스
<table align="center" border="0" cellpadding="5" cellspacing="0">
<tr>
<td align="center"><img src="/images/helper/smp_400_18.jpg"></td>
<td align="center"><img src="/images/helper/smp_400_18.jpg" style="filter:blur(add=0, strength=30, direction=45)"></td>
</tr>
<tr>
<td align="center">원본</td>
<td align="center">filter:blur(add=0, strength=30, direction=45)</td>
</tr>
<tr>
<td align="center"><img src="/images/helper/smp_400_18.jpg" style="filter:blur(add=1, strength=80, direction=180)"></td>
<td align="center"><img src="/images/helper/smp_400_18.jpg" style="filter:blur(add=0, strength=10, direction=135)"></td>
</tr>
<tr>
<td align="center">filter:blur(add=1, strength=80, direction=180)</td>
<td align="center">filter:blur(add=0, strength=10, direction=135)</td>
</tr>
<tr>
<td align="center"><img src="/images/helper/smp_400_18.jpg" style="filter:blur(add=0, strength=40, direction=90)"></td>
<td align="center"><img src="/images/helper/smp_400_18.jpg" style="filter:blur(add=0, strength=70, direction=45)"></td>
</tr>
<tr>
<td align="center">filter:blur(add=0, strength=40, direction=90)</td>
<td align="center">filter:blur(add=0, strength=70, direction=45)</td>
</tr>
</table> |