css smooth transition in and out
You want smooth transition in and out? put the transition in the parent selector .btn { transition: 200ms; } .btn:hover { transform: translateY(5px) } for shadow .card-hover { transition: 200ms; } .card-hover:hover { box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75); -webkit-box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75); -moz-box-shadow: 4px 4px 0px 0px rgba(192,23,93,0.75); }