이미지 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>
급조해 봤는데요.
이미지 두게를 겹치게 하고 한 개를 원형으로 잘라서 밝기를 주는 방법
어떨까 싶네요.
답변을 작성하시기 전에 로그인 해주세요.