[티스토리 관리] 고래스킨 이미지 그림자 효과 넣기

1. 개요

 

블로그 글에 이미지를 삽입할 경우, 배경이 하얀색일 때 이미지의 경계가 불분명해서 가독성이 떨어질때가 있습니다. 삽입한 이미지에 그림자 효과를 줄 경우 이미지의 가독성을 높여줄 수 있습니다. 이번 포스팅에서는 고래스킨에서 삽입한 이미지에 그림자 효과를 주는 방법에 대해서 알아보도록 하겠습니다.  

 

2. 이미지 그림자 효과 주기

 

1) 먼저 [관리자] → ① [스킨편집] → ③ [html] 편집으로 들어갑니다. 

html 편집

 

2) ① [CSS 편집창]에서 다음 ② 코드를 입력합니다. 숫자 및 색상은 변경하셔서 적용하시면 됩니다. 

 

img {

    box-shadow: 4px 4px 4px 2px gray;

}

 

이미지 그림자 효과

 

3) 이미지에 그림자 효과가 적용된 결과는 다음과 같습니다.

 

 

3. 마치며

 

이상으로 고래스킨에서 이미지 효과를 적용하는 방법에 대해 알아보았습니다. 이미지에 가독성이 확실히 좋아진 것 같습니다. 

 

---

방문해주셔서 감사드립니다. 

이글이 도움이 되셨다면, 공감, 댓글, 구독 부탁드릴께요!