css - How to hide the apparent inset box shadow on background image when using filter blur -


i wondered if has come across problem i'm having , might able point me in right direction...

i have image slider , each li within contains following:

    <li class="web">         <div class="cd-full-width square">                               <h1 class="slider">something interesting here</h1>             <h2 class="letter">something not interesting here</h2>             <a href="/website-design.htm" class="cd-btn button">more</a>         </div>          <div class="bg">&nbsp;</div>     </li> 

each <div class="bg"> has background image , i'm applying filter: blur(5px); div.

the blur works fine seem have inset box-shadow around div don't want.

example of box shadow here

i've tried hide shadow including box-shadow or -webkit-drop-shadow set 0 / none. doesn't seem work.

any ideas welcome! thank :-)


Comments

Popular posts from this blog

Hatching array of circles in AutoCAD using c# -

ios - UITEXTFIELD InputView Uipicker not working in swift -

Python Pig Latin Translator -