css3 邊框漸層 及 ios背景模糊？

问题描述

问 题

想問問這個 http://facebook.design/

邊框的背景模糊陰影，感覺漂浮一樣，該如何下語法？

以及模糊
如何像ios一樣開啟某區塊後 背景模糊效果？

謝謝！

---

感謝
但是為什麼我設置的這個div區塊沒有模糊？

 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0.5);
 z-index:1;
 position:fixed;
 -moz-filter: blur(5px);
    -webkit-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);

我是這樣做
一樣是黑底 但沒有模糊效果....
只有邊框稍微有？

解决方案

filter:blur(5px)只是让被加样式的元素变得模糊，并不是一个模糊的遮罩，所以要加在你希望模糊的元素上。

这篇关于css3 邊框漸層 及 ios背景模糊？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！