HTML Text Gradation

文字列の鮮やかなグラデーションをパレット形式で設定します。コピーすればOEの電子メールに貼り付けることが可能です。

けいさんありがとう。

鮮やかに煌びやかに

鮮やかなテキスト(文字列)の1文字ずつの色を微妙に変化させることで可能となるグラデーション効果が簡単に作成できます。
背景色もグラデーションにできます。指定しないときは、リストから一番上の項目を選択しておいてください。

ステップ１ - 文字列

以下のテキストボックスにグラデーションの対象となる文字列を入力してください。

ステップ２ - 始まりの色

文字赤：緑：青：
背景赤：緑：青：

ステップ３ - 終わりの色

文字赤：緑：青：
背景赤：緑：青：

プレビュー

設定を反映するにはをクリック
以下の文字列を範囲選択してコピーしてください。

または以下のHTMLを範囲選択してコピーしてください。

グラデーションを生成するプログラムにはDynamic HTMLとJavaScriptを用いています。
また色はhtmlcolor.csvというファイルにCSV形式で保存されています。 HTML4.0で正式にサポートされている色の名前と、16進数による色の表記の両方をサポートしています。
このCSVファイルをData Bindingを使って、リストボックスにオプションを追加しています。

98.6.25 - カラーリストボックスに色が出るようになりました。オプションオブジェクトのスタイルの背景色にCSVの色を指定しています。(op.style.backgroundColor=rs.fields("name").value)

98.10.15 - 背景もグラデーションにできるようにしました。

Laboratoryホーム
OE活用講座へ