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

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

引用自維基百科同名模板（[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>