如何用css做到像windows的aero一样效果

html-css011

如何用css做到像windows的aero一样效果,第1张

这个css是无法实现局部模糊的，所以做不到，但是有一点可以做到就透明

.xx{background:rgba(255,255,255,0.4)}这样就是一个背景色为白色 透明度为50%的效果了但是IE9一下不支持这种写法，模糊也是:

.blur {

filter: url(blur.svg#blur)/* FireFox, Chrome, Opera */

-webkit-filter: blur(10px)/* Chrome, Opera */

-moz-filter: blur(10px)

-ms-filter: blur(10px)

filter: blur(10px)

filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false)/* IE6~IE9 */

}

那个效果一个是窗口区域背景模糊，一个是窗口区域窗口半透明。 背景模糊可以做，但是背景局部模糊办不到

css是无法实现的，您要横向滚动只有通过js监听页面的拖动事件才行。给你个插件可以研究研究，这插件能让你体验到win8切换的效果。

如果你非要用滚轮来响应横向滚动 你还是得用js监听滚轮，给滚轮绑定一个事件，没次滚动都使div 内容向某个方向animate移动一个固定距离