Javascript 烟雾不透明度背景动画

Javascript 烟雾不透明度背景动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,所以,我不知道这是否可能。但我认为这是因为我感觉我在过去通过切换z-指数几乎不小心做到了这一点-但我正在试图弄清楚我是否可以创建一个“烟雾”背景动画,就像烟雾微妙地清除,几乎有雾。我觉得这种方法需要我重复我想要的烟雾类型的动画gif,切换z索引的不透明度和堆叠顺序,使其在某种程度上覆盖内容。这听起来像是合法的方法吗还是有更好的解决方案?(IE8+)此示例可能会让您开始: 看起来他们使用了一些不同的“旋转”div来创建烟雾效果 全文: 谢谢-很难想象你能用如此多的不透明层平滑渲染。如果你瞄准IE

所以,我不知道这是否可能。但我认为这是因为我感觉我在过去通过切换z-指数几乎不小心做到了这一点-但我正在试图弄清楚我是否可以创建一个“烟雾”背景动画,就像烟雾微妙地清除,几乎有雾。我觉得这种方法需要我重复我想要的烟雾类型的动画gif,切换z索引的不透明度和堆叠顺序,使其在某种程度上覆盖内容。这听起来像是合法的方法吗还是有更好的解决方案?(IE8+)

此示例可能会让您开始:

看起来他们使用了一些不同的“旋转”div来创建烟雾效果

全文:


谢谢-

很难想象你能用如此多的不透明层平滑渲染。如果你瞄准IE8,我想不出更好的解决方案。如果你能够/允许你做一些优雅的递减,IE9和更好的浏览器可以使用这种效果:我打赌这会让你非常接近你想要的。这很好,但在FF8上渲染也不行。不过,镀铬看起来很棒