に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

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

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

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

P粉506963842 2023-09-12 13:20:09

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

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

三叔 2017-06-12 09:30:45

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

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

P粉197639753 2023-09-01 11:52:18

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

丸い境界線 (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

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

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

P粉909476457 2023-09-18 09:47:10

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

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

P粉955063662 2023-10-12 18:05:11

グラデーションの背景で CSS3 トランジションを使用する

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

P粉217629009 2023-08-23 21:25:42

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

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

P粉190443691 2024-03-29 13:28:10

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

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

P粉633733146 2023-08-29 12:52:01

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

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

先細りのグラデーションをアニメーション化していますが、色の変化が十分に滑らかではありません。さまざまな記事を参照しましたが、正しく再現できません。コードはここにあります: <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

SVG パスにグラデーションを追加することはできますか?

スクリプトによってトリガーされる単純な読み込みインジケーターを Web サイトに配置したいと考えています。これは勾配のある単純な円弧であり、ユーザーが待っている間に回転する必要があります。アニメーション部分はまだ試していませんが、今は静的スタイルにこだわっています。これは私がこれまでに得たものです：<svgversion="1.1"baseProfile="full"xmlns="http://www.w3.org/2000/svg"width=&quo

P粉402806175 2023-10-18 14:55:02

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

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

我想大声告诉你 2017-05-16 13:36:11

タイトルは次のように書き換えられます: Vue にインラインスタイルを追加するための CSS 変数

コンポーネント内で CSS 変数を使用し、setup() setup(props){constprogressBar=PositionService.getProgressBar(props.position);constprogressWidth=`${progressBar}%`; で計算されたデータに基づいて div の幅を設定します。 .. return{...,progressWidth};} 次に、この変数を CSS 変数として使用します。 &l

P粉421119778 2023-12-31 12:51:41

書き直されたタイトルは次のとおりです: HTML でグラデーションの背景を持つ自動入力スライダーを作成する方法

私はちょうど HTML をいじっていて、グラデーションで塗りつぶされるスライダーを作成したいと思っていますが、これはほぼ不可能であることがわかりました。数時間調査しましたが、答えが見つからないようです。 JSが必要だと思いますが、そこは完全に空白です。 .slidecontainer{justify-content:center;bottom:0px;margin-left:auto;}.slider{-webkit-Appearance:none;Appearance:none;borde

P粉715228019 2024-02-03 20:57:38

グラデーション効果が画像の端でフェードアウトしないのはなぜですか?

画像の端をぼかすか、少なくとも漠然とフェードアウトしたいと考えています。何を試してもうまくいかず、Stackoverflow のすべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？これが私のコードペンです。 .screen{位置:相対;幅:100vw;高さ:100vh;disp

P粉317679342 2023-09-09 23:34:16

SCSSを使用してデフォルト値とCSS変数を生成する

ウェブサイトのスタイリングを実装しています。レガシーサポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は可能な限り CSS 変数を使用したいと考えています。このソリューションを調べたところ、機能するものは生成されますが、使用するとかなり冗長になります。私の目標は、CSS 変数によってすぐに上書きされるハードコードされた値を最終的に得ることです。このようにして、全員にデフォルトのテーマを追加したり、CSS 変数をサポートするブラウザーに別のテーマ (ダークモードなど) を追加したりできます。もちろん、これをすべて自分で...

P粉295616170 2024-04-06 17:46:54

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

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

P粉573809727 2023-10-13 15:48:04

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパードロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32