置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

Template:Linear-gradient

猛汉♂百科,万男皆可猛的百科全书!转载请标注来源页面的网页链接,并声明引自猛汉百科。内容不可商用。
跳到导航 跳到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

引用自維基百科同名模板(Template:Linear-gradient),稍作修改。

對Linear-gradient(線性漸變)的支援模板,用於設計漸變顏色的文段背景。有瀏覽器顯示限制:Firefox (3.6 及以上), Opera (11.10 及以上), Safari (5.1 及以上), Google Chrome (10 及以上) and Internet Explorer (10 及以上)。

使用方法

{{linear-gradient|顏色漸變方向|顏色 [stop],顏色 [stop],顏色 [stop]…|info= Nostalgia}}

  • 參數
    1. 顏色漸變方向 ,有八種方式。
      • top(由上至下)
      • bottom(由下至上)
      • left(由左至右)
      • right(由右至左)
      • top left / left top(有左上角至右下角)
      • top right / right top(有右上角至左下角)
      • bottom left / left bottom(有左下角至右上角)
      • bottom right / right bottom(有右下角至左上角)
    2. 顏色,填寫參見Help:颜色列表,以【,】分隔,至少有兩個顏色才會有漸變。只有一個顏色沒有任何效果。
    3. stop,可選,使用百分比或者像素來決定該顏色停止的位置
    4. info= ,文字內容。

使用例子

一般使用

  • {{linear-gradient|left|#ffdddd, #ddddff|info=文字內容}}
在神話中登場的女武神,經常被描述成身穿盔甲、頭戴以羽毛為裝飾的頭盔,手持長槍,騎著戰馬的女戰士。她們的武器為長槍是受到所奉主人奧丁使用「永恆之槍」所影響。北歐人將極光解釋馳騁夜空的女武神身上的盔甲所散發的光芒,而極光出現紅色時,人們會認為是女武神運送的戰死者的鮮血,在空中飄散所致。女武神的坐騎也未必是馬,「女武神的馬」在北歐人中是狼的代指,在《古埃達》中有過騎狼出戰的女武神。
  • {{linear-gradient|left|#ffdddd, #ddffdd 50%, #ddddff|info=文字內容}}
在神話中登場的女武神,經常被描述成身穿盔甲、頭戴以羽毛為裝飾的頭盔,手持長槍,騎著戰馬的女戰士。她們的武器為長槍是受到所奉主人奧丁使用「永恆之槍」所影響。北歐人將極光解釋馳騁夜空的女武神身上的盔甲所散發的光芒,而極光出現紅色時,人們會認為是女武神運送的戰死者的鮮血,在空中飄散所致。女武神的坐騎也未必是馬,「女武神的馬」在北歐人中是狼的代指,在《古埃達》中有過騎狼出戰的女武神。
  • {{linear-gradient|top|#ffdddd, #ddddff|info=文字內容}}
在神話中登場的女武神,經常被描述成身穿盔甲、頭戴以羽毛為裝飾的頭盔,手持長槍,騎著戰馬的女戰士。她們的武器為長槍是受到所奉主人奧丁使用「永恆之槍」所影響。北歐人將極光解釋馳騁夜空的女武神身上的盔甲所散發的光芒,而極光出現紅色時,人們會認為是女武神運送的戰死者的鮮血,在空中飄散所致。女武神的坐騎也未必是馬,「女武神的馬」在北歐人中是狼的代指,在《古埃達》中有過騎狼出戰的女武神。

歌詞

  • {{linear-gradient|bottom right|#ffdddd, #ddddff|info=文<br/>字<br/>內<br/>容}}
{{linear-gradient|bottom right|#ffdddd, #ddddff|info=你所奏響的音符靜靜氤氳著光芒<br/>照亮我心底深厚的黑暗<br/>可名為時間的壁障定會將我們分隔開來<br/>所以至少抓緊此刻側耳傾聽吧}}
你所奏響的音符靜靜氤氳著光芒
照亮我心底深厚的黑暗
可名為時間的壁障定會將我們分隔開來
所以至少抓緊此刻側耳傾聽吧

多項顏色

{{linear-gradient|bottom|red, orange, yellow, green, blue|info=世 界 第 一 的 公 主 殿 下}}
世 界 第 一 的 公 主 殿 下

大小限制

<div style="width: 200px;>{{linear-gradient|left|red, orange, yellow, green, blue|info=世 界 第 一 的 公 主 殿 下}}</div>
世 界 第 一 的 公 主 殿 下