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

2023년 5월 25일 (목) 10:38 기준 최신판

분류:

틀:블러4
사용문서	새로고침
넘겨주기	이동하기
2023-05-25에 마지막으로 수정됨
css

[ 주요 업데이트 노트 ]

2023.04.24	변수로 흐림의 단계를 정할 수 있는 기능 추가

관련 문서: 틀:블러, 틀:블러2, 틀:블러3

{{{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

+

김찬이 제작한 188개의 틀

[ A~Z & etc. ]

etc.
틀:,,	틀:--	틀:--2	틀:^^
틀:?div
A~M
틀:bg	틀:BMI	틀:center	틀:cursor
틀:DDAY	틀:disable subtitle	틀:div	틀:ffms
틀:full block	틀:jp	틀:leet	틀:librecat
틀:list margin remove	틀:MBTI
N~Z
틀:namucat	틀:namulist	틀:namutoc	틀:nowiki
틀:nowiki2	틀:ol	틀:onbold	틀:PC 열람 권장
틀:pf-c	틀:pre	틀:rotate	틀:snowfalling
틀:span	틀:style	틀:syntaxhighlight	틀:title
틀:tp	틀:tt	틀:u	틀:widen
틀:wingdings

[ ㄱ~ㅅ ]

ㄱ
틀:가로 목록	틀:가로세로비	틀:가로줄	틀:가입일 유저박스
틀:가짜 링크	틀:가짜 문단	틀:갤러리 (김찬)	틀:공백
틀:관련 문서 틀 제목	틀:광과민성 주의	틀:군대 유저박스 (상세)	틀:굵게
틀:그라데이션 글씨	틀:글리치	틀:글배경	틀:글씨 테두리
ㄴ
틀:나무링크	틀:나무마크 틀	틀:나무위키 둘러보기	틀:나무위키 접기
틀:나무위키 접기2 (제목 / 내용)	틀:나무위키 테이블	틀:나무위키 텍스트 크기	틀:나무위키 틀 접기 (애니메이션)
틀:나무위키 틀 접기 끝	틀:나무위키식 문서 상태 틀	틀:내비게이션 바 색상	틀:너비맞춤
틀:넘겨주기	틀:넘겨주기 안내	틀:네온 글씨
ㄷ
틀:다크모드	틀:댓글 금지	틀:둥근 이미지	틀:등급 유저박스
ㄹ
틀:루비 문자
ㅁ
틀:막대 그래프	틀:말풍선	틀:말풍선 각주 (버튼 / 내용 / 시작 / 끝)	틀:메타 분류
틀:메타 틀	틀:명도	틀:모바일 테이블 (/tag)	틀:모바일 테이블 끝 (/tag)
틀:목차제거	틀:문단접기	틀:문단접기2	틀:문서 가져옴
틀:문서 보충	틀:미공개	틀:미디어위키 접기 V2	틀:밑줄 없는 링크
ㅂ
틀:반전	틀:반전2	틀:배경색 명도 조절	틀:백분율
틀:별점	틀:복사방지	틀:부계정 유저박스	틀:분류 바로가기
틀:분류앵커	틀:불법2	틀:블러2	틀:블러3
틀:블러4	틀:블링크	틀:비공식 설정	틀:빈 이미지
ㅅ
틀:사건사고	틀:산문적 문서	틀:상징색	틀:색상 수평줄
틀:성적 요소	틀:세계관 무관	틀:세계관 별점	틀:소설 (시작 / 끝 / 버튼 / 클립보드)
틀:소속단체 유저박스	틀:수평줄 꾸미기	틀:순차형3	틀:스포일러 강조
틀:실루엣	틀:씹덕주의

[ ㅇ~ㅎ ]

ㅇ
틀:안내문	틀:알림창	틀:오류창	틀:외부 라이선스
틀:외부링크숨김	틀:원형 그래프	틀:유저박스 틀	틀:이미지 가림
틀:이미지 넣기 (/tag)	틀:이미지 변화	틀:이미지 여백 제거	틀:인용문D
틀:인용문N → 틀:인용문1	틀:인용문SCP	틀:인용문W
ㅈ
틀:접기변화	틀:주의 가림막	틀:줄바꿈
ㅊ
틀:체크리스트
ㅋ
틀:코드 예제	틀:코드 예제 끝
ㅌ
틀:테두리 그라데이션	틀:텍스트 가림	틀:툴팁	틀:툴팁2
틀:틀 도움
ㅍ
틀:파일	틀:펼치기 접기/multi (제목 / 내용)	틀:폰트	틀:폴리비오스 암호
틀:표 안의 표
ㅎ
틀:하위 문서3	틀:하이라이트	틀:혐오적 요소

※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함

@@ 1번째 줄: / 1번째 줄: @@
-{{namucat|김찬/제작한 틀}}
+{{namucat|김찬/제작한 틀|틀 스타일을 사용하는 틀}}
-{{틀 도움}}
+{{틀 도움
+|날짜1=2023.04.24|업데이트1=변수로 흐림의 단계를 정할 수 있는 기능 추가}}
 {{관련 문서2|틀:블러|틀:블러2|틀:블러3}}
-<onlyinclude><templatestyles src="블러4/styles.css" /><span class="spoiler-blur">{{{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>
 글자를 번지게 하는 틀입니다. [[틀:블러]]처럼 마우스를 올리기만 해도 내용을 볼 수 있지만 기존과 달리 '''텍스트 레이아웃이 깨지지 않습니다.'''
+또한 CSS의 filter 속성을 사용하기 때문에 이미지 등 텍스트 외 다른 요소들도 흐릿하게 할 수 있습니다.
+단계 또는 degree 변수에 1부터 4의 정수를 넣어 번짐의 정도를 조절할 수 있습니다. 기본값은 2입니다.
+어떤 조건이나 환경에서는 모바일에서 블러가 적용되지 않는 현상이 있습니다. 원리도 해결 방법도 아직까지 알 수 없습니다.
+{{MT|text=center}}
+|-
+!변수||블러 값||예시
+|-
+|1||2px||{{블러4|단계=1|블러}}
+|-
+|{{ruby|2|기본}}||4px||{{블러4|블러}}
+|-
+|3||6px||{{블러4|단계=3|블러}}
+|-
+|4||8px||{{블러4|단계=4|블러}}
+{{MT끝}}
+{{MT}}
+|-
+!문법||결과
+|-
+|<pre>{{블러4|마우스를 올려 보세요}}</pre>
+|{{블러4|마우스를 올려 보세요}}
+|-
+|<pre>{{블러4|단계=4|마우스를 올려 보세요}}</pre>
+|{{블러4|단계=4|마우스를 올려 보세요}}
+|-
+|<pre>{{블러4|[[파일:KimChan.jpg|link=]]}}</pre>
+|{{블러4|[[파일:KimChan.jpg|link=]]}}
+|-
+|<pre>{{블러4|단계=4|[[파일:KimChan.jpg|link=]]}}</pre>
+|{{블러4|단계=4|[[파일:KimChan.jpg|link=]]}}
+{{MT끝}}
+{{css/s}}
+{{블러 틀}}
 {{김찬 제작 틀}}