2011-12-06 35 views
2

これは可能かどうかわかりません。しかし、私は過去にZ-Indexを切り替えて誤ってこれをやっているような気がしたようですが、煙のようなアニメーションの「スモーキー」を作り出すことができるかどうかを判断しようとしています微妙にクリア、ほとんど霧。このアプローチでは、私が望む煙のタイプのアニメーションGIFを繰り返し、不透明度を切り換え、Zインデックスの順序を積み重ねるようにしているように感じます。これは正当な方法のように聞こえるでしょうか? - またはよりよい解決策がありますか? (IE8 +)煙の不透明の背景のアニメーション

+2

ハード。 –

+1

あなたがIE8をターゲットにしている場合、私が考えることができる優れたソリューションはありません。あなたが優雅な堕落を行うことができる/許可されている場合、IE9以上のブラウザでこの効果を利用することができます:http://designfestival.com/the-cicada-principle-and-why-it-matters-to-web-designers/私はあなたが本当にあなたが望むものに近くなるだろうと確信しています。 –

答えて

3

この例では、あなたが開始得る可能性があります:彼らは煙の外観を作成するために、いくつかの異なる「スピン」divを使うよう http://media.24ways.org/2009/15/space.html

が見えます。

記事本文:http://24ways.org/2009/css-animations

おかげ - あなたはそれが不透明のように多くの層でスムーズにレンダリングするために取得することができるだろうと想像するhttps://stackoverflow.com/questions/8194796/jquery-css3-animated-fog

+0

これはきちんとしていますが、FF 8でレンダリングさえしていません。クロムでうまくいくようですが、 –

+0

は私のファンをスピンアップさせます:) – themerlinproject