問題タブ [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.

0 投票する
18 に答える
365929 参照

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

サムネイルの上にcssを付けてホバーすると、背景のグラデーションがフェードインするようにトランジションしようとしています。トランジションは機能しませんが、rgba()値に変更するだけで問題なく機能します。グラデーションはサポートされていませんか?私も画像を使ってみましたが、画像も遷移しません。

別の投稿のように、それが可能であることは知っていますが、どれほど正確に理解することはできません。ヘルプ>使用するCSSは次のとおりです。

0 投票する
4 に答える
31824 参照

css - 滑らかな CSS グラデーション

CSSグラデーションの使い方を学んでいます。

私の問題は、上から下へのグラデーションです。色の変化に「ストップ」が見られるだけです。

ここに画像の説明を入力

これは私のCSSコードです

上から下へのグラデーションのストップを滑らかにする方法はありますか? (これは、私の目には、左から右または右から左のグラデーションではあまり見えません)

0 投票する
2 に答える
112 参照

html - CSS グラデーションと不透明度

以下は、放射状のグラデーション パターンを作成するために使用される css です。私の質問: 色に不透明度を追加して、幽霊のような効果を与えることは可能ですか? Purpleの代わりにRGBaを使用できますか??

上記を試してみましたが、期待どおりに動作しませんでした

どうもありがとう、P

0 投票する
3 に答える
162 参照

html - 1:1 放射状背景を中央に配置

ページにビネットのような背景を付けようとしています。

バンディングを少し減らすため、rgba を使用しています。

ここに画像の説明を入力

しかし、基本的には、左側の画像が必要なときに、右側の (誇張された) 画像を取得しています。赤は可視画面を表します。

これどうやってするの?