•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
더 보기

테스트1235(r5 Blame)

r5
r5
pullrequest
1==== 기타모양 그라데이션 ====
2원 모양의 그라데이션을 원할시 다음과 같이 입력해 출력할 수 있습니다.
3{{{{{{#!wiki style="background: radial-gradient(circle at (위치)% (높이)%, #<헥스 코드 1>, #<헥스 코드 2>)"}}}
r4
pullrequest
4}}}
r5
pullrequest
5 * 위치: 0%일시 원의 중심이 최좌측, 100%일시 원의 중심이 최우측
6 * 높이: 0%일시 원의 중심이 최상단, 100%일시 원의 중심이 최하단
7예시
8||<width=300><nopad> {{{#!wiki style="padding: 5px 10px; background: radial-gradient(circle at 50% 50%, #000 50%, #808080 50%)"
9[br]'''{{{#fff 위치 50%[br]높이 50%[br]크기 50%}}}'''[br][br]}}} ||||<width=300><nopad> {{{#!wiki style="padding: 5px 10px; background: radial-gradient(circle at 0% 50%, #000 50%, #808080 50%)"
10[br]'''{{{#fff 위치 0%[br]높이 50%[br]크기 50%}}}'''[br][br]}}} ||||<width=300><nopad> {{{#!wiki style="padding: 5px 10px; background: radial-gradient(circle at 50% 0%, #000 50%, #808080 50%)"
11[br]'''{{{#fff 위치 50%[br]높이 0%[br]크기 50%}}}'''[br][br]}}} ||
12마찬가지로 위의 linear-gradient와 혼용하여 사용가능합니다.
13{{{||<width=300><nopad> {{{#!wiki style="padding: 5px 10px; background: radial-gradient(circle at 50% 0%, #000 30%, transparent 30%), linear-gradient(to top, #000, #808080)"
14[br]'''{{{#fff 위치 50%[br]높이 0%[br]크기 30%}}}'''[br][br]}}} ||
15}}}
16||<width=300><nopad> {{{#!wiki style="padding: 5px 10px; background: radial-gradient(circle at 50% 0%, #000 30%, transparent 30%), linear-gradient(to top, #000, #808080)"
17[br]'''{{{#fff 위치 50%[br]높이 0%[br]크기 30%}}}'''[br][br]}}} ||
18
19코닉(극좌표) 그라데이션을 사용하면 파이 모양 그래프를 만들 수 있습니다.
20 * {{{conic-gradient(gray 70%, transparent 0)}}}
21 * {{{conic-gradient(gray 30%, transparent 0)}}}
22
23{{{#!wiki style="display: inline-block"
24{{{#!wiki style="display: table-cell; width: 100px; height: 100px; border-radius: 50%; text-align: center; vertical-align: middle; background: conic-gradient(gray 70%, transparent 0)"
25{{{+1 70%}}}}}}}}} {{{#!wiki style="display: inline-block"
26{{{#!wiki style="display: table-cell; width: 100px; height: 100px; border-radius: 50%; text-align: center; vertical-align: middle; background: conic-gradient(gray 30%, transparent 0)"
27{{{+1 30%}}}}}}}}}
28
29