편집토론문서 역사

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

시각위키텍스트
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 8개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{namucat|김찬/제작한 틀}}
{{namucat|김찬/제작한 틀|틀 스타일을 사용하는 틀}}
{{틀 도움
{{틀 도움
|업데이트1='''2023.04.24''' - 변수로 흐림의 단계를 정할 수 있는 기능 추가}}
|날짜1=2023.04.24|업데이트1=변수로 흐림의 단계를 정할 수 있는 기능 추가}}
{{관련 문서2|틀:블러|틀:블러2|틀:블러3}}
{{관련 문서2|틀:블러|틀:블러2|틀:블러3}}


<onlyinclude>{{css|블러4}}<span class="spoiler-blur-{{#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|text=center}}
|-
|-
!변수||블러 값||예시
!변수||블러 값||예시
|-
|-
|1||2px||{{블러4|degree=1|블러}}
|1||2px||{{블러4|단계=1|블러}}
|-
|-
|2||4px||{{블러4|블러}}
|{{ruby|2|기본}}||4px||{{블러4|블러}}
|-
|-
|3||6px||{{블러4|degree=3|블러}}
|3||6px||{{블러4|단계=3|블러}}
|-
|-
|4||8px||{{블러4|degree=4|블러}}
|4||8px||{{블러4|단계=4|블러}}
{{MT끝}}
{{MT끝}}


32번째 줄: 34번째 줄:
|{{블러4|마우스를 올려 보세요}}
|{{블러4|마우스를 올려 보세요}}
|-
|-
|<pre>{{블러4|degree=4|마우스를 올려 보세요}}</pre>
|<pre>{{블러4|단계=4|마우스를 올려 보세요}}</pre>
|{{블러4|degree=4|마우스를 올려 보세요}}
|{{블러4|단계=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>
|<pre>{{블러4|단계=4|[[파일:KimChan.jpg|link=]]}}</pre>
|{{블러4|degree=4|[[파일:KimChan.jpg|link=]]}}
|{{블러4|단계=4|[[파일:KimChan.jpg|link=]]}}
{{MT끝}}
{{MT끝}}


2024년 5월 31일 (금) 22:11 기준 최신판

분류:
김찬/제작한 틀
틀:블러4
사용문서
새로고침
넘겨주기
이동하기
[ 주요 업데이트 노트 ]
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=]]}}

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