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

사라지는 box-shadow는 어떻게 해야하나요? 채택완료

서잰션 5년 전 조회 2,490

</p>

<p><div class="aaaaa">

    

    

    12312313213113

</div></p>

<p><style>

    

    .aaaaa {

        width:500px;

    }

    .aaaaa:hover{

    box-shadow:10px 10px 20px grey;

    transition: 0.5s;

}

</style></p>

<p> </p>

<p>

 

해당 css를 했을 때 , 마우스를 빼면 바로 그림자가 사라지는데 천천히 그림자를 없앨려면 어떻게 해야 하는지 모르겠습니다.. 

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

답변 1개

채택된 답변
+20 포인트
D
5년 전

.aaaaa:hover 가 아닌 .aaaaa 에 넣어야합니다.

transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;

위에 적은것처럼 넣어주시면 됩니다.

 

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

답변에 대한 댓글 1개

서잰션
5년 전
적용됬네요! 감사합니다

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

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

로그인