模板:傾斜文本
跳至導覽
跳至搜尋
模板文檔本模板用於實現傾斜文本，例如：很久的故事是多久
參數
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词
|style=通用样式|rotate=通用旋转角度|color=通用文本颜色
|stn=第n个词的css样式|ron=第n个词的旋转角度}}
本模板會將每個詞分別置於inline-block內，通過transform屬性進行旋轉。
- style：適用於每個詞的css樣式。
- rotate：指定旋轉的角度，角度為正順時針旋轉，可以使用deg（度）、rad（弧度）、turn（圈數）等單位。
- color：指定文本的顏色。
- stn：為第n個詞單獨設置樣式。
- ron：為第n個詞單獨設置旋轉角度。
- 將某個匿名參數留空可創造一個斷行
示例
示例1
{{倾斜文本|rotate=-5deg|第一个词|第二个词|第三个词|......|第n个词}}
第一個詞第二個詞第三個詞......第n個詞
示例2
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词
|style=color:red
|color=blue<!--优先级比style更高-->
|rotate=-5deg
|st2=color:#6cf<!--单独设置样式-->
|ro2=10deg<!--单独设置样式-->
}}
第一個詞第二個詞第三個詞......第n個詞
示例3
{{倾斜文本|rotate=-5deg|第一个词|第二个词|第三个词|<!--留空可创造断行-->|第n个词}}
第一個詞第二個詞第三個詞
第n個詞
在POEM標籤內
如果這樣書寫模板：
<poem>
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词
|style=color:red
|color=blue
|rotate=-5deg
|st2=color:#6cf
|ro2=10deg
}}
</poem>
樣式將不再生效：會輸出：第一個詞第二個詞第三個詞......第n個詞
需要不斷行書寫：
<poem>
{{倾斜文本|第一个词|第二个词|第三个词|......|第n个词|style=color:red|color=blue|rotate=-5deg|st2=color:#6cf|ro2=10deg}}
</poem>
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||