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

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