本网站正在建设中(～￣▽￣)～
- 你好～！欢迎来到中文歌声合成个人收集站-VCPedia.cn！
- 若发现页面信息有误或投稿至本站，请联系管理员。
模板:Gradient Text
跳至導覽
跳至搜尋
模板文檔簡介
這是一個真·漸變顏色文字模板。使用CSS的background-clip:text屬性實現的真正意義上的漸變色文字。而不是原始的一個文字一個顏色模擬出的偽·漸變色效果。
效果
我是彩虹文字 我是柔和的漸變色文字
橫著漸變也可以哦
用法
{{Gradient_Text|漸變色代碼|文字內容|title=滑鼠懸停在文字上顯示的注釋|css=要應用的額外的CSS}}
漸變色代碼
<位置>,<顏色>,<顏色2>, ...
- 說明：
- 漸變色代碼由若干個以逗號分隔的顏色（名稱或16進位代碼）組成。
- 位置為可選參數，可以填角度或者方位。
簡單的漸變
要確定一個漸變色，至少需要兩個顏色。
最簡單的漸變色代碼就是將兩個或者兩個以上的顏色用逗號（英文半角）連接起來
| 代碼 | 效果 |
|---|---|
{{Gradient_Text|red,blue|我是漸變色文字}} |
我是漸變色文字 |
{{Gradient_Text|red,orange,yellow,green,cyan,blue,purple|更多的顏色也可以}} |
更多的顏色也可以 |
控制位置
如果覺得上面的紅色的位置太小，你可以在顏色後面加一個表示位置的百分比數字，這樣在這個百分比的點上就會是這種顏色了。
| 代碼 | 效果 |
|---|---|
{{Gradient_Text|red 50%,blue|我是漸變色文字}} |
我是漸變色文字 |
控制方向
在顏色前面加上一個限定方向的詞就可以控制漸變色的方向。
| 代碼 | 效果 |
|---|---|
{{Gradient_Text|left,red,blue|我是漸變色文字}} |
我是漸變色文字 |
{{Gradient_Text|top left,red,blue|這樣是斜向的漸變}} |
這樣是斜向的漸變 |
{{Gradient_Text|60deg,red,blue|還可以直接輸入角度值}} |
還可以直接輸入角度值 |
注釋文字
|title=可設置滑鼠懸停在漸變顏色文字上顯示的注釋文字。可選參數。
| 代碼 | 效果 |
|---|---|
{{Gradient_Text|left,red,blue|滑鼠放在這裡可以看到注釋|title=我是注釋}} |
滑鼠放在這裡可以看到注釋 |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||