- 欢迎加入官方Discord和Telegram群组!
- 我们正在删除政治内容页面,还您一个干净的H萌娘,净化社区的同时也可以让您认真学习和讨论性知识(?
- 不知道接下来该看什么?可以去查阅本站的优质条目
- 如果您在H萌娘上发现某些内容错误/空缺,请勇于修正/添加!编辑H萌娘其实很容易!(由于遭到破坏,自动确认用户外的编辑现在会先审核 )
- 有任何意见、建议、求助都可以在 讨论版 提出!
模板:Linear-gradient/doc
跳到导航
跳到搜索
引用自维基百科同名模板([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}}
- 参数
- 颜色渐变方向 ,有八种方式。
- top(由上至下)
- bottom(由下至上)
- left(由左至右)
- right(由右至左)
- top left / left top(有左上角至右下角)
- top right / right top(有右上角至左下角)
- bottom left / left bottom(有左下角至右上角)
- bottom right / right bottom(有右下角至左上角)
- 颜色,填写参见Help:颜色列表,以【,】分隔,至少有两个颜色才会有渐变。只有一个颜色没有任何效果。
- stop,可选,使用百分比或者像素来,来角色该颜色停止的位置
- 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>
世 界 第 一 的 公 主 殿 下