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

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

QA

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

본문

3067929571_1675007074.9451.png

이런식으로 마우스 아래에 파란색 배경과 그밑에 하얀색을 넣고 싶은데 css가 아직 덜 익숙해서 어떻게 해결하는지 여쭤봐도 될가요??

www.ystar5008.shop 링크도 첨부합니다

이 질문에 댓글 쓰기 :

답변 2

https://gahyun-web-diary.tistory.com/92

이미지 그림자 효과로 구글링해보시면 될것같아요

css : /css/style.css


.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


<div class="mouse-wrap">
    <img src="./img/g703.png" alt="">
    <div class="img-shadow"></div> <!-- 추가 -->
</div>

 

2009389905_1675012995.4638.png

 

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

회원로그인

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