SIR
목록으로

이미지 CSS 가운데는 밝고 가장자리는 어둡게 채택완료

강력드라이브
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 9,282
답변 2
목록

이미지에 CSS 로 가운데만 밝고 가장자리를 어둡게 할 수 있을까요?

 

brightness 로 밝기 조절은 되는데 가운데 부분만 밝게 하는 필터가 있을까요??

#css #이미지밝기

답변 2개

채택된 답변
+20 포인트

Copy 
<style>
.focused {
    display: inline-block;
    position: relative;
}
.focused::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #000;
    mask-image: radial-gradient(transparent, #000);
}
</style>

 

<span class="focused">
    <img src="https://www.gov.br/transportes/pt-br/servicos/gestao-de-pessoas/noticias-cogep/arquivos/500x500.png/@@images/image.png">
</span>
로그인 후 평가할 수 있습니다

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

Copy 
<style>

.my_img2 {    

    filter: brightness(160%);

    position: absolute;

    /* clip: rect( 50px, 200px, 200px, 50px); */

    clip-path: circle(30%);

}

 

.my_imgaaa{

    background-image : url( "./puppy.png"  );

}

    </style>

 

 

Copy 
<div  class="my_imgaaa"  style=" width:500px ; height:500px " >        

            <img src="./puppy.png" class="my_img2"  >    

        </div>

 

 

급조해 봤는데요.

이미지 두게를 겹치게 하고 한 개를 원형으로 잘라서 밝기를 주는 방법

어떨까 싶네요.

 

 

 

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

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

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

로그인
🐛 버그신고