CSS - drop-shadow issue

2094 views css
9

.nb-view-project-image {
  max-width: 315px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ff4040;
  filter: drop-shadow(5px 5px 5px #222);
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  -ms-filte: drop-shadow(5px 5px 5px #222);
}
<div class="nb-view-project-image"></div>

Hey guys, I'm working with drop-shadow property. It is working fine in browsers except internet explorer. But for me working in internet explorer is important. And my browser is 11. What can I do? Do you guys can help me? Thanks :)

answered question

Maybe it's the typographical error on -ms-filte: ?

Hey Jeremiah Cabigting, I edited and tried again. But not working...

@JeremiahCabigting. It is not to remove, it is to add the "r" at the end, so -ms-filter.

Yeah Jeremiah Cabigting , I edited and tried, but not working..:)

filter is not supported in IE11 (that includes -ms-filter)

2 Answers

8

Try using:

-moz-box-shadow: #222 5px 5px 5px;

Or:

box-shadow: 5px 5px 5px #222;
-webkit-box-shadow: #222 5px 5px 5px;

posted this
5

Try this css:

.nb-view-project-image {
  max-width: 315px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #ff4040;
  box-shadow: 5px 5px 5px #222;  
}

posted this

Have an answer?

JD

Please login first before posting an answer.