div 안에 div background-color 질문합니다

이런식으로 마우스 아래에 파란색 배경과 그밑에 하얀색을 넣고 싶은데 css가 아직 덜 익숙해서 어떻게 해결하는지 여쭤봐도 될가요??
www.ystar5008.shop 링크도 첨부합니다
답변 2개 / 댓글 2개
2023-01-30 (월) 02:21:42
css : /css/style.css
Copy
.wrap-mouse .mouse-wrap img{
position: relative;
right: 130px;
margin-top: 40px;
z-index: 1; /* 추가 */
}
/* -------------------------- 추가 -------------------------- */
.mouse-wrap {
position: relative;
}
.wrap-mouse .mouse-wrap .img-shadow {
position: absolute;
right: 90%;
top: 50%;
width: 1px;
height: 1px;
box-shadow: 0 0 8em 8em #43bef9;
}
/* -------------------------- 추가 -------------------------- */
html
Copy
<div class="mouse-wrap">
<img src="./img/g703.png" alt="">
<div class="img-shadow"></div> <!-- 추가 -->
</div>

답변에 대한 댓글 1개
https://gahyun-web-diary.tistory.com/92
이미지 그림자 효과로 구글링해보시면 될것같아요
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.