틀:Linear-gradient text: 두 판 사이의 차이

2024년 1월 12일 (금) 16:56 기준 최신판

{gt | #시작색상 | #종료색상(색상은 더 넣을 수 있습니다. ※최대 20개) | text = 텍스트 (링크도 가능합니다.) | direction = 방향 | alt text color = 대체 텍스트 색상 }}

@@ 1번째 줄: / 1번째 줄: @@
-{{Linear-gradient text | <!-- Font color 1 --> | <!-- Font color 2 --> | <!-- Font color 3 --> | <!-- Font color 4 --> | <!-- Font color 5 --> | <!-- Font color 6 --> | <!-- Font color 7 --> | <!-- Font color 8 --> | <!-- Font color 9 --> | <!-- Font color 10 --> | <!-- Font color 11 --> | <!-- Font color 12 --> | <!-- Font color 13 --> | <!-- Font color 14 --> | <!-- Font color 15 --> | <!-- Font color 16 --> | <!-- Font color 17 --> | <!-- Font color 18 --> | <!-- Font color 19 --> | <!-- Font color 20 --> | text = | direction = | alt text color = }}
+<span style="
+    color: white;
+    background: {{{alt text color|{{{23|black}}}}}};
+    background: -webkit-linear-gradient({{{direction|{{{22|right}}}}}}{{#if: {{{1|}}} |, {{{1}}}| }}{{#if: {{{2|}}} |, {{{2}}}| }}{{#if: {{{3|}}} |, {{{3}}}| }}{{#if: {{{4|}}} |, {{{4}}}| }}{{#if: {{{5|}}} |, {{{5}}}| }}{{#if: {{{6|}}} |, {{{6}}}| }}{{#if: {{{7|}}} |, {{{7}}}| }}{{#if: {{{8|}}} |, {{{8}}}| }}{{#if: {{{9|}}} |, {{{9}}}| }}{{#if: {{{10|}}} |, {{{10}}}| }}{{#if: {{{11|}}} |, {{{11}}}| }}{{#if: {{{12|}}} |, {{{12}}}| }}{{#if: {{{13|}}} |, {{{13}}}| }}{{#if: {{{14|}}} |, {{{14}}}| }}{{#if: {{{15|}}} |, {{{15}}}| }}{{#if: {{{16|}}} |, {{{16}}}| }}{{#if: {{{17|}}} |, {{{17}}}| }}{{#if: {{{18|}}} |, {{{18}}}| }}{{#if: {{{19|}}} |, {{{19}}}| }}{{#if: {{{20|}}} |, {{{20}}}| }});
+    background: -o-linear-gradient({{{direction|{{{22|right}}}}}}{{#if: {{{1|}}} |, {{{1}}}| }}{{#if: {{{2|}}} |, {{{2}}}| }}{{#if: {{{3|}}} |, {{{3}}}| }}{{#if: {{{4|}}} |, {{{4}}}| }}{{#if: {{{5|}}} |, {{{5}}}| }}{{#if: {{{6|}}} |, {{{6}}}| }}{{#if: {{{7|}}} |, {{{7}}}| }}{{#if: {{{8|}}} |, {{{8}}}| }}{{#if: {{{9|}}} |, {{{9}}}| }}{{#if: {{{10|}}} |, {{{10}}}| }}{{#if: {{{11|}}} |, {{{11}}}| }}{{#if: {{{12|}}} |, {{{12}}}| }}{{#if: {{{13|}}} |, {{{13}}}| }}{{#if: {{{14|}}} |, {{{14}}}| }}{{#if: {{{15|}}} |, {{{15}}}| }}{{#if: {{{16|}}} |, {{{16}}}| }}{{#if: {{{17|}}} |, {{{17}}}| }}{{#if: {{{18|}}} |, {{{18}}}| }}{{#if: {{{19|}}} |, {{{19}}}| }}{{#if: {{{20|}}} |, {{{20}}}| }});
+    background: -moz-linear-gradient({{{direction|{{{22|right}}}}}}{{#if: {{{1|}}} |, {{{1}}}| }}{{#if: {{{2|}}} |, {{{2}}}| }}{{#if: {{{3|}}} |, {{{3}}}| }}{{#if: {{{4|}}} |, {{{4}}}| }}{{#if: {{{5|}}} |, {{{5}}}| }}{{#if: {{{6|}}} |, {{{6}}}| }}{{#if: {{{7|}}} |, {{{7}}}| }}{{#if: {{{8|}}} |, {{{8}}}| }}{{#if: {{{9|}}} |, {{{9}}}| }}{{#if: {{{10|}}} |, {{{10}}}| }}{{#if: {{{11|}}} |, {{{11}}}| }}{{#if: {{{12|}}} |, {{{12}}}| }}{{#if: {{{13|}}} |, {{{13}}}| }}{{#if: {{{14|}}} |, {{{14}}}| }}{{#if: {{{15|}}} |, {{{15}}}| }}{{#if: {{{16|}}} |, {{{16}}}| }}{{#if: {{{17|}}} |, {{{17}}}| }}{{#if: {{{18|}}} |, {{{18}}}| }}{{#if: {{{19|}}} |, {{{19}}}| }}{{#if: {{{20|}}} |, {{{20}}}| }});
+    background: linear-gradient(to {{{direction|{{{22|right}}}}}}{{#if: {{{1|}}} |, {{{1}}}| }}{{#if: {{{2|}}} |, {{{2}}}| }}{{#if: {{{3|}}} |, {{{3}}}| }}{{#if: {{{4|}}} |, {{{4}}}| }}{{#if: {{{5|}}} |, {{{5}}}| }}{{#if: {{{6|}}} |, {{{6}}}| }}{{#if: {{{7|}}} |, {{{7}}}| }}{{#if: {{{8|}}} |, {{{8}}}| }}{{#if: {{{9|}}} |, {{{9}}}| }}{{#if: {{{10|}}} |, {{{10}}}| }}{{#if: {{{11|}}} |, {{{11}}}| }}{{#if: {{{12|}}} |, {{{12}}}| }}{{#if: {{{13|}}} |, {{{13}}}| }}{{#if: {{{14|}}} |, {{{14}}}| }}{{#if: {{{15|}}} |, {{{15}}}| }}{{#if: {{{16|}}} |, {{{16}}}| }}{{#if: {{{17|}}} |, {{{17}}}| }}{{#if: {{{18|}}} |, {{{18}}}| }}{{#if: {{{19|}}} |, {{{19}}}| }}{{#if: {{{20|}}} |, {{{20}}}| }});
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+">{{{text|{{{21|}}}}}}</span><noinclude><br><br><br><nowiki>{gt | #시작색상 | #종료색상(색상은 더 넣을 수 있습니다. ※최대 20개) | text = 텍스트 (링크도 가능합니다.) | direction = 방향 | alt text color = 대체 텍스트 색상 }}</nowiki></noinclude>