グラデーション

このページはASP.NET Core Blazor Server Sideを使用して作成されています。
コードは全てJavascriptではなく、C#で記述します。(C#からJavascript呼出しも可)
イベント発生時はビルトインのJavascriptがSingalRを用いてサーバーに通知,
サーバーでの処理後、SignalRを用いてブラウザに結果が通知されます。
ブラウザ側のJavascript(blazorのビルトイン)が結果を元にDOMの変更部分のみを再描画します。
例えば、上の<h1>タグはソース上では以下のように定義されており、実際にはその下のように変換されます。
(@titleStyleはtitleStyleというC#の変数値に置き換えられる)

	<h1 style="@titleStyle">グラデーション</h1>
	⇓
	<h1 style="font-weight:bold;
        background: linear-gradient(#808080,#ffffff);
        -webkit-text-fill-color: transparent;-webkit-background-clip: text;",">グラデーション</h1>