テンプレート:色変化

CSSを使用した、文字などの色を変化させるための便利なテンプレートです。

テンプレートパラメーター

パラメーター説明状態
tagtag

要素を囲うタグの名前を入力してください。何も入力しないと span になります。

文字列省略可能
変化方法変化方法 class

変化の種類を入力してください。何も入力しないと chameleon になります。

chameleon
文字列省略可能
内容内容 content

変化させたい要素を入力してください。何も入力しないと「あ」になります。

くぁwせdrftgyふじこlp
文字列省略可能
  • {{色変化}}:
  • {{色変化|内容=カメレオン!}}:カメレオン!
  • {{色変化|変化方法=chameleon|内容=カメレオン!}}:カメレオン!
  • {{色変化|変化方法=chameleon2|内容=カメレオン2!}}:カメレオン2!
  • {{色変化|変化方法=apearing|内容=白の状態から徐々に黒に近づいていきます。}}:白の状態から徐々に黒に近づいていきます。
  • {{色変化|変化方法=ap-and-disap|内容=白と黒の間でゆっくり変化し続けます。}}:白と黒の間でゆっくり変化し続けます。
  • {{色変化|変化方法=flashing|内容=白と黒で点滅します。}}:白と黒で点滅します。
  • {{色変化|変化方法=flashing-reverse|内容=黒と白で点滅します。}}:黒と白で点滅します。
  • {{色変化|変化方法=caution|内容=注意!!}}:注意!!
  • {{色変化|変化方法=caution2|内容=注意!!}}:注意!!
  • {{色変化|変化方法=caution2b|内容=注意!!}}:注意!!
  • {{色変化|変化方法=flashing}}{{色変化|変化方法=flashing-reverse}}:
  • {{色変化|変化方法=grainbow|内容=背景がグラデーションで移り変わります。}}:背景がグラデーションで移り変わります。
  • {{色変化|変化方法=patrol|内容=背景がパトランプります!}}:背景がパトランプります!

CSSページはこちら