편집 요약 없음 |
편집 요약 없음 |
||
| 4번째 줄: | 4번째 줄: | ||
{{관련 문서2|틀:블러|틀:블러2|틀:블러3}} | {{관련 문서2|틀:블러|틀:블러2|틀:블러3}} | ||
<onlyinclude>{{css|블러4}}<span class="blur-template-{{#switch:{{{degree|}}}|1=1|3=3|4=4|2}}">{{{1}}}</span></onlyinclude> | <onlyinclude>{{css|블러4}}<span class="blur-template-{{#if:{{{단계|}}}|{{#switch:{{{단계|}}}|1=1|3=3|4=4|2}}|{{#switch:{{{degree|}}}|1=1|3=3|4=4|2}}}}">{{{1}}}</span></onlyinclude> | ||
글자를 번지게 하는 틀입니다. [[틀:블러]]처럼 마우스를 올리기만 해도 내용을 볼 수 있지만 기존과 달리 '''텍스트 레이아웃이 깨지지 않습니다.''' | 글자를 번지게 하는 틀입니다. [[틀:블러]]처럼 마우스를 올리기만 해도 내용을 볼 수 있지만 기존과 달리 '''텍스트 레이아웃이 깨지지 않습니다.''' | ||
| 10번째 줄: | 10번째 줄: | ||
또한 CSS의 filter 속성을 사용하기 때문에 이미지 등 텍스트 외 다른 요소들도 흐릿하게 할 수 있습니다. | 또한 CSS의 filter 속성을 사용하기 때문에 이미지 등 텍스트 외 다른 요소들도 흐릿하게 할 수 있습니다. | ||
degree 변수에 1부터 4의 정수를 넣어 번짐의 정도를 조절할 수 있습니다. 기본값은 2입니다. | 단계 또는 degree 변수에 1부터 4의 정수를 넣어 번짐의 정도를 조절할 수 있습니다. 기본값은 2입니다. | ||
{{MT}} | {{MT}} | ||
2023년 5월 6일 (토) 21:21 판
| 틀:블러4 | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
[ 주요 업데이트 노트 ]
|
{{{1}}}
글자를 번지게 하는 틀입니다. 틀:블러처럼 마우스를 올리기만 해도 내용을 볼 수 있지만 기존과 달리 텍스트 레이아웃이 깨지지 않습니다.
또한 CSS의 filter 속성을 사용하기 때문에 이미지 등 텍스트 외 다른 요소들도 흐릿하게 할 수 있습니다.
단계 또는 degree 변수에 1부터 4의 정수를 넣어 번짐의 정도를 조절할 수 있습니다. 기본값은 2입니다.
| 변수 | 블러 값 | 예시 |
|---|---|---|
| 1 | 2px | 블러 |
| 2 | 4px | 블러 |
| 3 | 6px | 블러 |
| 4 | 8px | 블러 |
| 문법 | 결과 |
|---|---|
{{블러4|마우스를 올려 보세요}}
|
마우스를 올려 보세요 |
{{블러4|degree=4|마우스를 올려 보세요}}
|
마우스를 올려 보세요 |
{{블러4|[[파일:KimChan.jpg|link=]]}}
|
|
{{블러4|degree=4|[[파일:KimChan.jpg|link=]]}}
|
|
- {{블러4/styles.css}}
| 블러 틀 | ||||
|---|---|---|---|---|
| 틀:블러 | 틀:블러2 | 틀:블러3 | 틀:블러4 | 틀:블러5 |
