「模板:Gradient Stroke Text/doc」:修訂間差異

出自Reko Wiki
跳至導覽 跳至搜尋
Hakaze留言 | 貢獻
建立內容為「==描述== * 漸變外框文字,建議用黑體粗體文字,不然效果不會太好。 * 衍生自模板:Gradient Text,透過CSS的<code>-webkit-text-stroke-color</code>達成外框漸變文字的效果 * 要注意此模板可能無法搭配其他格式模板使用 ==語法== <code><nowiki>{{Gradient Text|方向|顏色|文字}}</nowiki></code> :{|class="wikitable" style="" |- ! 欄位 !! 必要性 !! 作用 !! 備註 |- | 匿名參數1 (文字…」的新頁面
 
Hakaze留言 | 貢獻
 
(未顯示同一使用者於中間所作的 2 次修訂)
第27行: 第27行:
<pre>{{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|3|'''測試漸變外框文字'''}}</pre>
<pre>{{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|3|'''測試漸變外框文字'''}}</pre>
{{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|3|'''測試漸變外框文字'''}}
{{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|3|'''測試漸變外框文字'''}}
* '''雙色外框'''
<pre>{{Gradient Stroke Text|white|90deg|red 0%, red 50%,green 51%,green 100%|3|'''測試雙色外框文字'''}}</pre>
{{Gradient Stroke Text|white|90deg|red 0%, red 50%,green 51%,green 100%|3|'''測試雙色外框文字'''}}
* '''跟其他特效疊加製作效果'''
<pre>{{Layer_Arrange
| {{Glow Text|black|'''測試文字'''|scale=1}}
| {{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|5|'''測試文字'''}}
}}</pre>
{{Layer_Arrange
| {{Glow Text|black|'''測試文字'''|scale=1}}
| {{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|5|'''測試文字'''}}
}}
<noinclude>[[category:模板文件]]</noinclude>
<noinclude>[[category:模板文件]]</noinclude>
<includeonly>
<includeonly>

於 2023年8月11日 (五) 15:25 的最新修訂

描述

  • 漸變外框文字,建議用黑體粗體文字,不然效果不會太好。
  • 衍生自模板:Gradient Text,透過CSS的-webkit-text-stroke-color達成外框漸變文字的效果
  • 要注意此模板可能無法搭配其他格式模板使用

語法

{{Gradient Text|方向|顏色|文字}}

欄位 必要性 作用 備註
匿名參數1 (文字顏色) 必要 文字的顏色
匿名參數2 (方向) 必要 漸變的方向,例如:0deg
匿名參數3 (漸變顏色) 必要 文字外框漸變的顏色,用「,」隔開,可用hex, rgba()等語法
匿名參數4 (外框寬度) 必要 外框的寬度
匿名參數5 (文字) 必要 要漸變的文字
style 選擇 自定義樣式

範例

  • 基本使用
{{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|3|'''測試漸變外框文字'''}}
測試漸變外框文字
  • 雙色外框
{{Gradient Stroke Text|white|90deg|red 0%, red 50%,green 51%,green 100%|3|'''測試雙色外框文字'''}}
測試雙色外框文字
  • 跟其他特效疊加製作效果
{{Layer_Arrange
| {{Glow Text|black|'''測試文字'''|scale=1}}
| {{Gradient Stroke Text|white|0deg|red,orange,blue,green,purple|5|'''測試文字'''}}
}}
測試文字
測試文字