html div阴影向上,css3阴影向上缓动样式

html

沉迷工作不能自拔，这是病，得治

css

.article-box {

width: 216px;

height: 200px;

border: 1px solid #f0f0f0;

float: left;

margin-right: 30px;

margin-bottom: 30px;

}

.article-box:hover {

box-shadow: 0 5px 15px rgba(45,50,55,.2);

-webkit-transform: translateY(-5px);

-moz-transform: translateY(-5px);

-o-transform: translateY(-5px);

-ms-transform: translateY(-5px);

transform: translateY(-5px);

}

.transition {

-webkit-transition: all .2s ease-out;

-moz-transition: all .2s ease-out;

-ms-transition: all .2s ease-out;

-o-transition: all .2s ease-out;

transition: all .2s ease-out;

}