이미지에 그림자 효과 주기

· 2010-10-11 (월) 13:40:43 · 1904 · 3
icon02.png
ttt.png
div.hr_line01 figure img {
margin:0 0 7px 0;
box-shadow:2px 3px 7px #000;
-webkit-box-shadow: 2px 3px 7px #000;
-moz-box-shadow: 2px 3px 7px #000;
}



위와 같이 하면 아래와 같이 좀 어색하게 됩니다.







위에껀 background 색깔 주고 그림자 효과 준건데요 그림자 효과의 모서리 부분에 원래 백그라운드 색상이 있네요

이거 어떻게 하면 그림자 효과로 보일까요?

참고로 아래 이미지는 원본 이미지이고요.

보시면 아시겠지만, 모서리 부분이 투명입니다.









답변 주시면 정말 감사하겠습니다.



그럼 좋은 하루되세요~

첨부파일

icon02.png (4.5 KB)
0회 2010-10-11 13:40
ttt.png (4.9 KB)
0회 2010-10-11 13:40
|

댓글 3개

png 로 저장하세요. ie7 부터 지원됩니다. (그림자가 있는 채로 png 저장)
2010-10-12 (화) 10:50:59
자체 해결했네요.
이미지에 그림자 효과 주기1
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
10-10-11 조회 1,165
10-10-11 조회 1,905
10-10-11 조회 1,756
10-10-11 조회 1,624
10-10-11 조회 1,046
10-10-11 조회 1,746
10-10-11 조회 1,635
10-10-11 조회 1,787
10-10-11 조회 1,642
10-10-11 조회 4,585
10-10-11 조회 1,061
10-10-11 조회 2,582
10-10-11 조회 1,606
10-10-11 조회 1,056
10-10-11 조회 1,633
10-10-10 조회 1,324
10-10-10 조회 1,729
10-10-10 조회 1,492
10-10-10 조회 1,076
10-10-10 조회 1,075