2

css3ブラー効果は、親コンテナのディメンションを無視し、オーバーフローを取得します。css3で内部ブラーとして機能するものが必要です。それは可能ですか?何かトリックはありますか?

html

<div class="box">
      <div class="blur">
           <img src="..." />
      </div>
</div>​

css

.box{
    width: 300px;
    height: 300px;
    border: 1px solid red;
}

.blur{
    -webkit-filter: blur(20px);
}

ぼかしオーバーフローの

http://jsfiddle.net/ngJEr/

4

1 に答える 1

2
.box{
width: 300px;
height: 300px;
border: 1px solid red;
overflow:hidden;
}

.blur{
-webkit-filter: blur(20px);
}

http://jsfiddle.net/calder12/ngJEr/8/

于 2012-10-25T19:39:25.703 に答える