테스트 사이트 - 개발 중인 베타 버전입니다

이미지 css 채택완료

첩살이 4년 전 조회 1,286

이미지를 css로 어둡게 하고 흐리게 할수잇는 방법이 잇을까요??가르쳐주세요ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
j
4년 전

<div>

<img src ="" />

<div class="shadow"></div>

</div>

이미지와 동일한위치에 박스하나 생성후

div{position:relative;}

.shadow{background : rgba(0,0,0,0.4);position:absolute; top:0;left:0;}

 

혹은 백그라운드로 삽입후 div에 rgba 추가

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

T
4년 전

 

<style>
.darken {
    filter:brightness(50%);
}
.blur {
    filter: blur(8px); /* specify the amount of blur here */
}
</style>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

cuwaaang
4년 전

위에 하나 덧씌워서 rgba로 백그라운드

opacity 인가 투명도 주는것도있고 두가지쓰면될듯

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인