私はちょうど HTML をいじっていて、グラデーションで塗りつぶされるスライダーを作成したいと思っていますが、これはほぼ不可能であることがわかりました。数時間調査しましたが、答えが見つからないようです。
JS が必要だと思うのですが、そこが真っ白です。
リーリー リーリー
上記の方法を試してみました。このサイト (https://codepen.io/kaiquenunes23/pen/LYEvegK) のことを試していますが、制御できません。
StackOverflow の他の複数のスレッドも読みました。
P粉5415653222024-02-04 17:47:09
＃＃＃これを試して＃＃＃
リーリー
P粉5417963222024-02-04 09:45:27
親指の現在位置を取得するには
JS が必要です。
このコード スニペットは、スライダーの位置を読み取り、その動きのパーセンテージを計算することによってこれを実行します。次に、CSS 変数 --pc をそのパーセンテージ値に設定します。
スライダーには 2 つの背景画像があります。1 つ目は親指の透明な背景画像で、次に希望のグレー色です。 「その下」は 2 番目の背景画像で、任意の線形グラデーションです。
このように、スライダーを右に動かすと、線形グラデーションが表示されます。