一个hover小过渡效果

元素标签上添加过渡的标准 : 

.course-item{
    position: relative;
    top:0;
    transition:box-shadow,top  0.5s;
}
hover 后要改变的内容

.course-item:hover{
    box-shadow:0 2px 15px -2px #8b8b8b;
    top: -5px;
}
这个和使用动画去做不同的是,动画执行一次后,hover离开元素,动画就会立刻停止,给人感官上很突兀,所以不建议用动画去做,