テーパーグラデーションアニメーションのスムーズな色の遷移を実現するにはどうすればよいですか?

先細りのグラデーションをアニメーション化していますが、色の変化が十分に滑らかではありません。さまざまな記事を参照しましたが、正しく再現できません。コードはここにあります: <style>body{min-height:100vh;display: flex ;align-items:center;justify-content:center;}.pyramid{width:500px;height:500px;background-image:coni

P粉285587590 2023-09-01 16:37:22 0  1  489

1 色で描かれたテキストからアニメーション化されたグラデーションにスムーズに移行することは可能ですか?

ページ上に白いテキストがあり、その下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color プロパティが透明になり、テキストの色がグラデーションに合わせて突然変わります。次のように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 白からグラデーションへのスムーズな移行を実現することは可能ですか? (-webkit-text-fill-color 属性はトランジットを直接サポートしません

P粉762447363 2023-09-16 09:22:05 0  1  785

JavaScript - echartsのヒストグラムのグラデーションカラーの問題

echartsのヒストグラムではグラデーションカラー効果を実現できますが、次のようなグラデーションカラー効果は実現できますか? お答えください。つまり、斜めのグラデーションカラー

三叔 2017-06-12 09:30:45 0  1  896

写真の色を変更する方法

教えてください。これをスキャンした後、色が歪んでいます。元の緑色に調整するにはどうすればよいですか? 元の画像は 1 枚目の色ですが、2 枚目を 1 枚目に変更するにはどうすればよいですか?

2021-12-28 11:15:02 0  0  792

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1192

クリック後の文字の色を変更するにはどうすればよいですか?

私がやりたいのは、ボタンの背景の色を変更し、ボタン内のテキストの色も変更することです。ボタンの色は変わりましたが、文字の色は変わりません。テキストにホバーを適用してみましたが、マウスがテキストに触れたときのみ色が変わります。 <liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37 0  2  515

CSSを使用してグラデーションアニメーションを作成する方法

複数の色のグラデーションを滑らかに動かしたいのですが、問題はアニメーションが滑らかではないことです。ステップごとに位置が変わるだけです。 <スタイル>.animated{幅:300px;高さ:300px;ボーダー:1pxsolidblack;アニメーション:gra5sinfinite;アニメーションの方向:逆;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10 0  2  739

CSSの変数に格納されている色の透明度を変更する

変数に格納されている色の不透明度を変更しようとしています。 :root{--main-theme-color:rgb(123,40,231);}.box{background-color:rgba(var(--message-box-transparency),0.5);} rgba に設定してみました変数の色の不透明度を変更しましたが、うまくいきませんでした。変数の色の不透明度を変更する他の方法はありますか。

P粉920835423 2023-09-09 09:39:47 0  1  576

線形グラデーションが明るい/暗いテーマの変数で機能しない

私は個人の Web サイト - https://cooperativedoilylivedistro.elliott23.repl.co - に取り組んでいます。好みに応じて明るいテーマと暗いテーマがあります。問題は、線形グラデーションを変数に設定すると機能せず、背景全体が白になってしまうことです。それがHTML、CSS、JSです。何が起こっているのか知りたい場合は、ブラウザで Web サイトをチェックしてください。 <!DOCTYPEhtml><htmllang="en"&

P粉190443691 2024-03-29 13:28:10 0  1  325

Storybook パレットとコンポーネントの両方で同じカラー変数を使用するにはどうすればよいですか?

UI コンポーネントのライブラリを作成し、Storybook を使用してドキュメントと例を提供しました。私の目標は、SCSS ファイルでカラー パレットを宣言し、それをコンポーネントやストーリーブック パレットで使用することです。ストーリーブック パレットは、カラー パレットのドキュメントを作成できる組み込みのストーリーブック コンポーネントです。したがって、デザイン システムの色が変更された場合、SCSS 変数の値を変更するだけで、カラー パレットとコンポーネントの両方が新しい色の値で更新されると考えています。残念ながら、ストーリーブックのドキュメントはこのセクションにあります

P粉670107661 2023-08-29 21:24:33 0  1  634

スクロール可能なグラデーション チャット バブル

この例に示すように、下のグラデーションでスクロールすると変化するグラデーションを持つチャット バブルの白いコンテナーが必要です: ルートの背景が見えるように、chatBubble の背後にある .container の部分を透明にしてみました。 .root{背景色:線形グラデーション(赤、黄);幅:100vw;高さ:100vh;}.container{幅:100%;高さ:

P粉197639753 2023-09-01 11:52:18 0  2  626

JavaScript - API を通じてウィジェットの色を変更するにはどうすればよいですか?

Forge Viewer でコンポーネントの色を変更するにはどうすればよいですか?

巴扎黑 2017-07-05 10:59:19 0  1  1179

CSS カラー変数に透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron を使用してアプリを設計しています。 vars.css で色変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、不透明度を適用します: #element{background:(somehowusevar( --color) atsomeopacity);} これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。私は全体の方が好きです

P粉573809727 2023-10-13 15:48:04 0  1  648

CSS カラー変数に不透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron を使用してアプリを設計しています。 vars.css で色変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、不透明度を適用します: #element{background:(somehowusevar( --color) atsomeopacity);} これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。私は全体の方が好きです

P粉495955986 2023-08-24 00:12:47 0  1  468

CSSカラー変数に不透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron を使用してアプリを設計しています。 vars.css で色変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、不透明度を適用します: #element{background:(somehowusevar( --color) atsomeopacity);} これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。私は全体の方が好きです

P粉496886646 2023-10-13 14:43:49 0  1  701

ランダムな色を取得する

$(document).ready(function(){ 色を変更('a') $('a').mouseover(function(){ $bg=$(this).css('backgroundColor') $(this).css('ボックスシャドウ','0

Jia 2018-11-29 16:11:53 0  1  972

CSSカラー変数で透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron でアプリを設計しています。 vars.css でカラー変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、透明度を適用したいです: #element{background:( どういうわけか var(--color を使用しています) ) および透明度を設定します);} これを行うにはどうすればよいでしょうか?プリプロセッサは使用せず、CSS のみを使用します。純粋な CSS の回答を好みます

P粉348088995 2023-08-20 18:51:07 0  1  425

javascript - [ナビゲーション] をクリックし、JS を使用して色を追加した後、ページがジャンプした後も変更された色を維持するにはどうすればよいですか?

ナビゲーション内の各ページは、background タグを介してリンクされている同じ HTML です。ナビゲーションをクリックした後、js によって色を変更しますが、クリックしてページにジャンプすると、js によって変更された色が無効になります。問題を解決するには?

ringa_lee 2017-05-16 13:21:25 0  12  1616

Canvasを使用してマテリアルの色を変更するにはどうすればよいですか?

カラーホイールを使用して文字の色を変更することについての質問を Zhihu で見ました。ここに質問を引用した画像へのリンクがあります。画像内の文字は服装が違うだけで、肌の色は同じです。オリジナル記事ではこれを実現するためにカラーホイールを使用したと述べていましたが、専門的すぎて理解できません。Canvas の使用方法を教えてください...

巴扎黑 2017-07-03 11:42:54 0  1  1097

Web サイトの色の変化をテストするにはどうすればよいですか?

要件に従って、10 個の特定の色を新しい色に置き換えたいと考えています (例: #ddd を #000 に置き換えます。このように別の置き換えを行います)。すべての CSS ファイルで 300 個以上の場所を見つけて置き換えました。次に、すべての色が正しく置き換えられるかどうかを Web サイト上でテストしたいと思います。 300箇所以上あるので、どこにどの色が使われているのかわかりません。これを行う方法はありますか?ありがとう

P粉032900484 2024-04-01 15:21:14 0  1  318