채택완료

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

2020-06-29 (월) 09:53:08 2,592
Copy
<div class="aaaaa">
    
    
    12312313213113
</div>

<style>
    
    .aaaaa {
        width:500px;
    }
    .aaaaa:hover{
    box-shadow:10px 10px 20px grey;
    transition: 0.5s;
}
</style>

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

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

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

적용됬네요! 감사합니다

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