フロントエンドでLESS / Bootstrapを使用し、サーバー側でPHPを使用しています。サーバー側のスクリプトを使用して、ページ上のさまざまな要素に対してさまざまな色(虹について考えてください)を生成したいと考えています。
私がやりたいことは、PHP で 2 つの変数を作成@startcolorし@endcolor、これらの変数を使用して LESS でグラデーションを適用することです。だから私がやりたいことは次のようなものです：
HTML の場合:
<div style="@startcolor: rgb(1,2,3); @endcolor: rgb(4,5,6)">...</div>
以下で：
.buttonBackground(@startcolor, @endcolor);
CSS では完全に機能します。style タグを使用してスタイリングをオーバーライドするだけです。私の問題は、これまでのところ、インライン スタイル タグを使用して LESS に変数を設定する方法が見つからなかったことです。
私が達成しようとしていることをよりよく理解するには、このテストページをご覧ください。私がやりたいのは、テキストの色を設定するのと同じように、背景のグラデーションをランダムな色に設定することです。
サーバー側の技術を使用することができない場合、JS を使用することは可能ですか?