css实现鼠标滑过上移特效

效果：

css代码：

 

.course_box {

    margin-left: 6px;

    margin-right: 6px;

    width: 100%;

    border-radius: 4px;

    box-shadow: 0 2px 6px rgba(0,0,0,.1);

    cursor: pointer;

    transition: transform 0.5s;

}

.course_box:hover {

    transform: translate(0,-10px);

}