模板:Gradient Text

出自Reko Wiki
於 2023年8月2日 (三) 12:26 由 Hakaze留言 | 貢獻 所做的修訂 (建立內容為「<includeonly><div style="display: inline-block; background: -webkit-linear-gradient({{{1}}}, ({{{2}}});-webkit-background-clip: text;-webkit-text-fill-color: transparent;">{{{3}}}</div></includeonly><noinclude> <!-- Add categories to the /doc subpage; interwikis go to Wikidata. --> {{Documentation}} </noinclude>」的新頁面)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)
跳至導覽 跳至搜尋
以下為模板的說明文件([編輯]、[更新])
請注意:此模板在某些情況下可能會部份或全體不可見。
檢視模板:Gradient_Text/doc編輯文件內容。(如何使用?)
為新模板建立說明文件時,會直接套用範本基底。

描述

漸變文字。

語法

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

欄位 必要性 作用 備註
匿名參數1 (方向) 必要 漸變的方向,例如:0deg
匿名參數2 (顏色) 必要 漸變的顏色,用「,」隔開,可用hex, rgba()等語法
匿名參數3 (文字) 必要 要漸變的文字

範例

語法 範例 說明
{{Gradient Text|0deg|red,blue|文字漸變範例}}
文字漸變範例
左右漸變
{{Gradient Text|0deg|red 10%, yellow 25%, blue 50%|文字漸變範例}}
文字漸變範例
左右漸變進階
{{Gradient Text|90deg|red,blue}}
文字漸變範例
上下漸變
{{Gradient Text|30deg|red,blue}}
文字漸變範例
左上到右下