すべてのブラウザで透明なグラデーションシャドウ

グラデーショントップの透明色でコードを書きたいと思っています。あなたは以下のことを確認してください正しいですか？すべてのブラウザで透明なグラデーションシャドウ

background-color: transparent; 
background-image: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0)); 
bottom: 0; 
content: " "; 
display: block; 
height: 150px; 
position: absolute; 
width: 100%; 
z-index: 8;

出典

2017-04-13 charandeep singh

そのコードはうまく動作しますが、もう少し表示される色を使用したい場合は＃f00を試してみてください。 – LGSon

正確に私が正しく理解できなかった場合は、あなたの目的にちょうどbackgroundプロパティを使用することをお勧めします。あなたはopacity: 0（rgba関数内の最後のパラメータ）と第二の色を使用して原因

.example { 
    background: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0)); 
}

あなたは透明にグラデーション効果があるでしょう。

出典

2017-04-13 07:37:39

私は[このようなジェネレータを使用します]（http：// www.colorzilla.com/gradient-editor/）を使ってコードを正しく入手してください。これはプレフィックスの束を与え、ブラウザの互換性を示します。 –

与えられたコードが 'background-image'を使っているので、あなたがなぜ答えたのか分かりません。 – LGSon

@LGSon私の助言は 'background-image'プロパティと' background'プロパティの仕様に基づいています。あなたはw3cに関する情報をチェックします。 –

すべてのブラウザで透明なグラデーションシャドウ

答えて

関連する問題