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

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

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

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

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

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

CSS 放射状グラデーションから SVG 放射状グラデーションへ

CSS のように SVG で放射状のグラデーションを作成することは可能ですか http://codepen.io/A973C/pen/hnEaf (信号機のライトのことです).red{background:red;background-image :radial-gradient (茶色、透明);背景サイズ:15px15px;幅:100px;高さ:100px;border-r

P粉308783585 2023-12-11 15:54:09 0  2  574

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  787

グラデーションのある境界画像に境界半径を使用できますか?

円形の境界線（境界線の半径）を持つ入力フィールドを設計し、その境界線にグラデーションを追加しようとしています。グラデーションと円形の境界線は正常に作成できますが、どちらも連携できません。グラデーションのない丸い角、またはグラデーションはあるが角が丸い境界線のいずれかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  527

CSS3 トランジションを使用してグラデーション背景を強化する

CSSを使用してサムネイル画像にトランジションを作成し、ホバー時に背景がフェードインするようにしようとしています。変換は機能しませんが、rgba() 値に変更するだけでうまく機能します。グラデーションには対応してないのでしょうか？画像を使用してみましたが、画像も変換されません。別の投稿で誰かがそれを行っているので、これが可能であることはわかっていますが、正確な方法はわかりません。ヘルプ > 使用できる CSS は次のとおりです: #containerdiva{-webkit-transition:backgrou

P粉955063662 2023-10-12 18:05:11 0  2  603

同じ要素に 2 つの線形グラデーション背景を追加する方法 - Tailwind チュートリアル

Tailwind の 1 つの要素に 2 つの線形背景を追加することはできますか?有効な CSS コードは次のとおりです:background-image:linear-gradient(toright,#f8fafb50%,#16161650%),linear-gradient(toright,#16161650%,#f8fafb50%); 次のように 2 回追加してみました。 ="bg-gradient-to-rfrom-w

P粉561438407 2024-03-27 08:57:02 0  1  411

javascript - vue-echarts-v3 を使用すると、折れ線グラフ領域がグラデーション色になります。

これは私のチャートデータです。赤い部分をグラデーションカラーにしたいです。 visualMap メソッドを使用しましたが、希望する効果を実現できません。 new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ {code...} を使用する場合、プロジェクトにあまり多くのリソースを導入したくないので、...

我想大声告诉你 2017-05-16 13:36:11 0  2  1581

CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

P粉506963842 2023-09-12 13:20:09 0  2  655

Linux の IP アドレスは動的であるため、次回起動後に IP アドレスが変更されます。xshell が接続できない場合はどうすればよいですか?

Linux の IP アドレスは動的であるため、次回の起動後に IP アドレスが変更されます。xshell が接続できない場合はどうすればよいですか?

phpcn_u100996 2018-02-06 10:14:03 0  1  1715

linux - スレッド同期の条件変数を理解するにはどうすればよいですか?

グローバル変数は 0 に初期化されます。スレッドは 2 つあり、1 つのスレッドは 100 以上になるたびに 0 {code...} に条件を送信します。しかし、リセット スレッドで印刷すると次の結果が表示されるのはなぜですか? リセット スレッドは既にミューテックスをロックしているはずです。

阿神 2017-05-16 13:28:30 0  1  819

境界線のグラデーションは境界線の半径と互換性がありますか?

丸い境界線 (border-radius) を使用して入力ボックスをスタイルし、境界線にグラデーション効果を追加しようとしています。グラデーションと丸い境界線は正常に作成できますが、両方を同時に作成することはできません。丸い角はあるがグラデーションがない、またはグラデーションはあるが丸い角がないかのどちらかです。 -webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  478

javascript - HTMLタグのclass属性に変数を埋め込む方法

{コード...} 3行目のdivタグのclass属性に1行目のid変数(数字)を追加したいのですが、直接埋め込むことはできますか？

巴扎黑 2017-06-26 10:52:52 0  4  887

JavaScript がグローバル オブジェクトで変数を宣言すると、その変数はグローバル オブジェクトと同じ名前のプロパティになりますが、関数で宣言するとそうではありません。なぜですか?

JavaScript では、グローバル変数をグローバルに宣言すると、その変数は同じ名前のグローバル オブジェクトのプロパティになります。しかし、ローカル変数は関数内で宣言しても関数（オブジェクト）の属性にはならず、「関数名.属性名」で宣言する必要があるのですが、これはなぜでしょうか？

仅有的幸福 2017-06-26 10:58:35 0  7  899

Vue 3 の変数応答性を停止するにはどうすればよいですか?

Nuxt 3 を使用しているので、リアクティブ定数の応答性を停止する必要があります。 formData オブジェクトがあり、送信をクリックしたら、formData オブジェクトからいくつかのキーを削除する必要があります。 formData を別の変数 submitData に割り当て、delete submitData.key を使用してキーを削除しましたが、有効になりませんでした。

P粉545218185 2023-07-29 09:24:30 0  1  764

子要素のフォント サイズを変更すると、フレックス コンテナが元の位置からずれるのはなぜですか?

この問題は非常に奇妙で、通常のコンテナとフレックスボックスでは動作が異なります。最初の子要素のフォント サイズを変更すると、コンテナの高さが変更されるのはなぜですか?フレキシブルボックスの場合、なぜ特定の距離を上下に移動するのでしょうか?この問題はどうすれば解決できますか?フレックスボックスが動かないようにしたいです。

P粉186897465 2023-07-23 15:17:08 0  2  594

Woocommerce カート項目から製品バリアント属性スラグを取得する方法

カートをチェックして、特定の製品属性が製品に追加されているかどうかを確認する必要があります。 (これは、woocommerce_package_rates にフックされたカスタム配送関数内にあります。) カート内の各商品のバリアント ID はありますが、その商品のバリアント スラッグを取得する方法がわかりません...foreach(WC()->カート->get_cart()as$cart_item){//$product_in_cart=$cart_item['product_

P粉895187266 2024-02-04 10:19:26 0  1  434

javascript - var で宣言された変数 delete は削除できませんが、これは window のプロパティでもありますか?

var で宣言された変数 delete は削除できませんが、これも window のプロパティですか? {コード...} について説明してください

大家讲道理 2017-06-14 10:52:39 0  1  712

html5 - HTML または JS は .css 属性を動的に変更できますか?

例えば、*.cssや&lt;style&gt;の属性値を入力値の内容に応じて変更することは可能でしょうか？例: input:color タグを使用して、選択された色の値を取得し、スクロール バーの色を更新しますか? (これはインラインではなくセレクターを使用する必要があります) 思い浮かぶ方法の 1 つは、j を使用することです。

伊谢尔伦 2017-05-24 11:36:09 0  2  942

css - Alibaba ICON-FONT の cdn オンライン リファレンスについて、cdn アドレスはどのように変更すればよいですか?

1. 問題の説明: iconfont を使用してアイコン ライブラリを生成し、cdn を使用してそれをプロジェクトにロードしました。ただし、アイコン ライブラリの更新により cdn アドレスが変更され、オンライン アイコンの通常の表示に影響が出ますか? 2. 問題のスクリーンショット: 3. 概要: プロジェクト内でこのような問題を管理する方法を教えてください...

伊谢尔伦 2017-05-16 13:34:24 0  2  852