問題タブ [css-gradients]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS 線形グラデーションを画像と組み合わせるには?
左側には CSS グラデーションがあり、左側には画像付きのスライダーがあります。右側の画像が下の画像のような形になるように、2つを組み合わせるにはどうすればよいですか?
アップデート
HTML
CSS
問題は、同じ div の右側に別の背景画像を追加すると、線形グラデーションが機能しないことです。
タグ付きのスライダーを作成する必要imgがありますか、それとも背景画像でこのユースケースを実現できますか? background: linear-gradient(125deg, #e20613 25%, 白 25%); }
css - 複数の境界線と境界線を持つ CSS グラデーション
下の画像に相当するcssを作成しようとしています。複数のストップを使用していますが、ハード ストップsolid 2px whiteの境界を取得するのに苦労しています。追加すると、ハードエッジではなくグラデーションのように見えます。どんな助けでも素晴らしいでしょう、ありがとう!
css - 「ネストされた」グラデーションを使用した CSS 角度付き線形グラデーション
これは私が達成しようとしているものです:
水色の線は単なる目印です。中心から固定ピクセル(左にオフ) からの角度が必要です。また、左側の濃い青もグラデーションにしたいと思います。
私は必要な角度を作ることができますが、中心から固定された点に配置し、暗い部分を別の角度のグラデーションにすることに固執しています:
ありがとう！
html - アニメーションでCSS3の背景位置が動かない
グラデーション塗りつぶしをアニメーション化できません。ここに私のCSSとHTMLがあります:..
アニメーションが機能しないのはなぜですか? どこまでも無限にぐるぐる回るはずなのに！Firefox はアニメーションが機能していることを示していますInspect Elementが、アニメーションが表示されません! 使わなければならない方法（パーセンテージ法）を試してみたのですが、うまくいきませんでした！