装飾文字2■ グラデーション文字+CSS    最終修正日 : 2017/06/07

■JavaScript+CSS■

1.動くJavaScript□□■■

2.動くJavaScript□□■■

3.動くJavaScript□□■■

4.動くJavaScript□□■■

5.動くJavaScript□□■■


■CSSのみ■

1.動くJavaScript□□■■

2.動くJavaScript□□■■

3.動くJavaScript□□■■

4.動くJavaScript□□■■

5.動くJavaScript□□■■

●2017/06/07:即時関数で囲んで、グローバル変数を消しました。

基本のJavaScriptはこちら → 装飾文字1■グラデーション文字

■基本のJavaScriptは上記と全く同じです。指定数が増加しただけです。
そのうえにCSSのtext-shadowを併用することで、画像のようなタイトル文字が作成できます。

さらにランダム表示を加えたJavaScriptはこちら → 装飾文字3■グラデーション文字ランダム+CSS


CSS参考サイト
test1 : LIGブログ
test2 : raining
test3 : raining
test4 : 上記をアレンジ
test5 : 3D Text

text-shadowの指定方法: 横方向 縦方向 ぼかし 影の色;
参考 : 16進数4096色カラーチャート