이전 목록 다음
채택완료

이미지 css

첩첩살이
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-10-15 (금) 14:35:12 1,432

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

그누보드5
|

답변 3개

채택된 답변
+20 포인트
jjayz
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-10-15 (금) 15:28:23

<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 추가

TTheARO
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-10-15 (금) 16:34:56

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

cuwaaang
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-10-15 (금) 14:41:55

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

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

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