CSSの要素に透明度グラデーションを行う方法は？

Question

要素を100％から0％の不透明度で上から下にフェードインする方法や回避策はありますか？線グラデーションの背景に似ていますが、要素自体の透明度（背景色ではありません）。

アイデアがあります

Answer 1

ホバー状態で、それが明るくなり、そして、クリックすると、アクティブなポップアップのスポットまで移動することで、オンラインでのCSSジェネレータの多くなぜドン」あなたはそれを使用します。

ここにはヘルプリンクがあり、そこに行き、希望するグラデーションを生成します。

http://www.colorzilla.com/gradient-editor/

Answer 2

[OK]を、私は透明性の二つの異なるタイプを参照して、最初のものはちょうどそのようアルファCSSです：

div { 
     opacity: 0.5; 
     filter: alpha(opacity=50); 
    } 

このスタイルはentiredのdivは（カスタム対話を共有して透明に）、ページのボタンにリニアグラデーションスタイルを作成するもう1つのCSS：

#bottom_fade { z-index: 99; 
      position: fixed;  
      bottom: 0%; 
      background-image: url("bottom-fade.png"); 
      /*in your case use a grey image with transparency*/ 
    } 

またはあなたがあなたのページのすべてのボタンをカバーし、線形グラデーションを追加DIV使用することができます。うまくいけば、このスニペットは、あなたが、よろしく役立ちます

#grad { 
    background: red; /* For browsers that do not support gradients */ 
    background: -webkit-linear-gradient(red, yellow); 
    /* For Safari 5.1 to 6.0 */ 
    background: -o-linear-gradient(red, yellow); 
    /* For Opera 11.1 to 12.0 */ 
    background: -moz-linear-gradient(red, yellow); 
    /* For Firefox 3.6 to 15 */ 
    background: linear-gradient(red, yellow); /* Standard syntax */ 
} 

を。