“模板:Linear-gradient”的版本间的差异

来自希灵百科
跳转至: 导航搜索
(创建页面,内容为“<includeonly><div style="background-image: -moz-linear-gradient({{{1|}}}, {{{2|}}}); background-image: -o-linear-gradient({{{1|}}}, {{{2|}}}); background-image: -web...”)
 
(没有差异)

2017年1月16日 (一) 20:25的最新版本

50px 模板文档  [查看] [编辑] [历史] [刷新]

引用自維基百科同名模板([1]),稍作修改。

對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>
世 界 第 一 的 公 主 殿 下