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

出自Reko Wiki
跳至導覽 跳至搜尋
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>」的新頁面
 
Hakaze留言 | 貢獻
無編輯摘要
 
第1行: 第1行:
<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>
<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. -->
<!-- Add categories to the /doc subpage; interwikis go to Wikidata. -->
{{Documentation}}
{{Documentation}}
</noinclude>
</noinclude>

於 2023年8月2日 (三) 12:36 的最新修訂

以下為模板的說明文件([編輯]、[更新])
請注意:此模板在某些情況下可能會部份或全體不可見。
檢視模板: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}}
文字漸變範例
左上到右下