「テンプレート:色変化」の版間の差分
ナビゲーションに移動
検索に移動
細編集の要約なし |
編集の要約なし |
||
1行目: | 1行目: | ||
<templatestyles src="色変化/style.css" /><span class="{{{変化方法|chameleon}}}">{{{内容|あ}}}</span><noinclude> | <templatestyles src="色変化/style.css" /><{{#if:{{{div|}}}|div|span}} class="{{{変化方法|chameleon}}}">{{{内容|あ}}}</{{#if:{{{div|}}}|div|span}}><noinclude> | ||
<templatedata> | <templatedata> | ||
{ | { | ||
17行目: | 17行目: | ||
"description": "変化の種類を入力してください。何も入力しないと chameleon になります。", | "description": "変化の種類を入力してください。何も入力しないと chameleon になります。", | ||
"example": "chameleon", | "example": "chameleon", | ||
"type": "string" | |||
}, | |||
"div": { | |||
"description": "内容を<span>タグではなく<div>タグで囲いたい場合に何か入力してください。", | |||
"type": "string" | "type": "string" | ||
} | } | ||
23行目: | 27行目: | ||
"paramOrder": [ | "paramOrder": [ | ||
"変化方法", | "変化方法", | ||
"内容" | "内容", | ||
"div" | |||
] | ] | ||
} | } |
2年4月1日 (来) 18:54時点における版
あ
CSSを使用した、文字などの色を変化させるための便利なテンプレートです。
パラメーター | 説明 | 型 | 状態 | |
---|---|---|---|---|
変化方法 | 変化方法 class | 変化の種類を入力してください。何も入力しないと chameleon になります。
| 文字列 | 省略可能 |
内容 | 内容 content | 変化させたい要素を入力してください。何も入力しないと「あ」になります。
| 文字列 | 省略可能 |
div | div | 内容を<span>タグではなく<div>タグで囲いたい場合に何か入力してください。 | 文字列 | 省略可能 |
{{色変化}}
:あ{{色変化|内容=カメレオン!}}
:カメレオン!{{色変化|変化方法=chameleon|内容=カメレオン!}}
:カメレオン!{{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}}
:白の状態から徐々に黒に近づいていきます。{{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}}
:白と黒の間でゆっくり変化し続けます。{{色変化|変化方法=flashing|内容=白と黒で点滅します。}}
:白と黒で点滅します。{{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}}
:黒と白で点滅します。{{色変化|変化方法=caution|内容=注意!!}}
:注意!!{{色変化|変化方法=caution2|内容=注意!!}}
:注意!!{{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}
:ああ
CSSページはこちら。