2026, 새로운 도약을 시작합니다.

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

1년 전 조회 9,257

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

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

답변 2개

채택된 답변
+20 포인트
Copy




.focused {

    display: inline-block;

    position: relative;

}

.focused::after {

    content: '';

    position: absolute;

    inset: 0;

    background-color: #000;

    mask-image: radial-gradient(transparent, #000);

}



 



    



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

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

Copy


    

.my_img2 {    

    filter: brightness(160%);

    position: absolute;

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

    clip-path: circle(30%);

}

 

.my_imgaaa{

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

}

    

Copy

급조해 봤는데요.

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

어떨까 싶네요.

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

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

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

로그인
🐛 버그신고