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

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

QA

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

본문

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

 

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

이 질문에 댓글 쓰기 :

답변 2


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

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

 

 


        <div  class="my_imgaaa"  style=" width:500px ; height:500px " >        
            <img src="./puppy.png" class="my_img2"  >    
        </div>  

 

 

급조해 봤는데요.

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

어떨까 싶네요.

 

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT