css3의 dropshadow가 굉장했습니다! !
윤곽을 따라 그림자를 붙이고 싶었다!
box-shadow는 안돼? ?
SVG에 box-shadow를 지정하면 상상과는 다른 완성에 
.icon-location-box {
width: 100px;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}
dropshadow를 사용해 보았습니다!
안쪽에도 그림자가 붙었다 
.icon-location {
width: 100px;
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
IE11은 미대응? ? ?
can I use에 따르면 IE11은 지원되지 않습니다 
또 해도 IE11에 발걸음을 먹는 것인가···.
브라우저의 대상 범위에 따라서는 사용소 가득하기 때문에 굉장히 좋은 프로퍼티라고 생각합니다(소병감)
Reference
이 문제에 관하여(css3의 dropshadow가 굉장했습니다! !), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tech-three/items/e0bbb4958e89df4488a8
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
.icon-location-box {
width: 100px;
box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.6);
}
.icon-location {
width: 100px;
filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
Reference
이 문제에 관하여(css3의 dropshadow가 굉장했습니다! !), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tech-three/items/e0bbb4958e89df4488a8텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
