0

の中に画像がありdivます。例として、この div にbackground-colorofがあるとし#000ます。さて、この画像を左から右にフェードさせたいと思います。

つまり、ピクセルの最初の列は 100% の不透明度で表示され、ピクセルの最後の列は 0/1% の不透明度で表示されます (ピクセルの最後の列は div の背景に溶け込みます)。

純粋にCSSでこれを行うにはどうすればよいですか? 画像は常に 50x50 です。

4

2 に答える 2

0

DIVの背景色を前もって知っていますか？それは常に単色ですか（グラデーションやテクスチャなどではありません）？画像の幅はほぼ同じですか？もしそうなら、私は背景と同じ色のPNGを作成し、右側で完全に透明になるようにフェードさせます。垂直に並べて表示するため、任意の高さにすることができます。

PNGを画像と同じ高さにした後、PNGを画像の上にドロップすると、画像が背景にフェードアウトしているように見えます。

于 2012-08-16T16:32:03.090 に答える
0

画像の上にdivをオーバーレイし、divのグラデーションを設定することができます http://tinkerbin.com/xXJQrgnk

于 2012-08-16T16:42:31.167 に答える