CSS를 사용하여 이미지를 어둡게합니다. > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

<div><img src="aaaa.png"></div>

위의 이미지에 검은 투명 비닐을 덮은 듯한 효과를 구현하고자 합니다.


<style>
.image-cover {
    position: relative;
}

.image-cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Adjust the color values to achieve desired darkness */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.25));
}
</style>

<div class="image-cover"><img src="aaaa.png"></div>


참고자료
http://givemeamoney.tistory.com/32
https://www.cmsfactory.net/node/10796