틀:블러4: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
3번째 줄: 3번째 줄:
{{관련 문서2|틀:블러|틀:블러2|틀:블러3}}
{{관련 문서2|틀:블러|틀:블러2|틀:블러3}}


<onlyinclude>{{css|블러4}}<span class="spoiler-blur-{{#switch:{{{2|}}}|1=1|3=3|4=4|2}}">{{{1}}}</span></onlyinclude>
<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=]]}}

블러 틀
틀:블러 틀:블러2 틀:블러3 틀:블러4 틀:블러5
+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함