[css] 이미지에 그림자 넣기 - box-shadow 속성

이미지에 간단한 그림자를 넣어보자.

 

사진우측과 아래에 회색 그림자가 보인다.

<img class="img-fluid w-100 rounded" src="이미지경로" alt="about image" style="box-shadow:5px 5px 10px grey;">

위 img 태그중에서 style 속성안의 코드부분이다.

box-shadow: 5px 5px 10px grey;

 

class="rounded" 속성은 부트스트랩4 에서 이미지 테두리를 자동으로 라운딩해주는 속성이다.

 

기타 상세한 세부 설명은 아래의 포스팅 글을 추천한다.

 

https://aboooks.tistory.com/290