Blur Nasıl Div CSS kullanarak

Question

gibi

Kenarları aşağıdadır: http://gyazo.com/ff14a415cf7ac8622eb0cada3e23137f

Başımıza CSS (tercihen değil CSS3) istemek yerine keskin bir o etkiye sahip kenarları ve köşeleri almak egdes.

Böyle, div arka planı olarak box-shadow aynı renk kullanarak bu etkiyi elde edebilirsiniz

Answer 1

:

.blur-box { 
    background-color: #555; 
    box-shadow: 0 0 5px 10px #555; 
} 

Sen göreceli boyutunu çimdik ikinci ve üçüncü argüman (burada 5px ve 10px) ayarlayabilirsiniz

ve istediğiniz şekilde almak için gölgenin yarıçapını (sırasıyla) bulanıklaştırın ve bu özellik modern tarayıcılar tarafından da desteklenir (bkz: http://caniuse.com/#feat=css-boxshadow).

İşte jsFiddle demo: http://jsfiddle.net/bXAFt/ (bunu kesinlikle istediğiniz görünüm örneğidir söylediğini sürece) bir görüntü olduğu