사라지는 box-shadow는 어떻게 해야하나요?
본문
<div class="aaaaa">
12312313213113
</div>
<style>
.aaaaa {
width:500px;
}
.aaaaa:hover{
box-shadow:10px 10px 20px grey;
transition: 0.5s;
}
</style>
해당 css를 했을 때 , 마우스를 빼면 바로 그림자가 사라지는데 천천히 그림자를 없앨려면 어떻게 해야 하는지 모르겠습니다..
답변 1
.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;
위에 적은것처럼 넣어주시면 됩니다.
적용됬네요! 감사합니다
답변을 작성하시기 전에 로그인 해주세요.