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