테스트 사이트 - 개발 중인 베타 버전입니다

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

수인천사♡ 2년 전 조회 1,945

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

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

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

답변 2개

2년 전

css : /css/style.css

</p>

<p>.wrap-mouse .mouse-wrap img{

    position: relative;

    right: 130px;

    margin-top: 40px;</p>

<p>    z-index: 1; /* 추가 */

}</p>

<p> </p>

<p>/* -------------------------- 추가 -------------------------- */

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

}</p>

<p>/* -------------------------- 추가 -------------------------- */</p>

<p>

 

html

</p>

<p><div class="mouse-wrap">

    <img src="./img/g703.png" alt="">

    <div class="img-shadow"></div> <!-- 추가 -->

</div></p>

<p>

 

 

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

답변에 대한 댓글 1개

수인천사♡
2년 전
은혜를 입었습니다.. 새벽시간에 감사합니다!

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

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

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

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

답변에 대한 댓글 1개

수인천사♡
2년 전
앗 감사합니다 참고해서 해보겠씁니다~!

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

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

로그인