| 틀:블러4 | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
[ 주요 업데이트 노트 ]
|
{{{1}}}
글자를 번지게 하는 틀입니다. 틀:블러처럼 마우스를 올리기만 해도 내용을 볼 수 있지만 기존과 달리 텍스트 레이아웃이 깨지지 않습니다.
또한 CSS의 filter 속성을 사용하기 때문에 이미지 등 텍스트 외 다른 요소들도 흐릿하게 할 수 있습니다.
단계 또는 degree 변수에 1부터 4의 정수를 넣어 번짐의 정도를 조절할 수 있습니다. 기본값은 2입니다.
어떤 조건이나 환경에서는 모바일에서 블러가 적용되지 않는 현상이 있습니다. 원인도 해결 방법도 아직까지 알 수 없습니다.
| 변수 | 블러 값 | 예시 |
|---|---|---|
| 1 | 2px | 블러 |
| 2 | 4px | 블러 |
| 3 | 6px | 블러 |
| 4 | 8px | 블러 |
| 문법 | 결과 |
|---|---|
{{블러4|마우스를 올려 보세요}}
|
마우스를 올려 보세요 |
{{블러4|단계=4|마우스를 올려 보세요}}
|
마우스를 올려 보세요 |
{{블러4|[[파일:KimChan.jpg|link=]]}}
|
|
{{블러4|단계=4|[[파일:KimChan.jpg|link=]]}}
|
|
- {{블러4/styles.css}}
| 블러 틀 | ||||
|---|---|---|---|---|
| 틀:블러 | 틀:블러2 | 틀:블러3 | 틀:블러4 | 틀:블러5 |
