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;

}

总结

以上是生活随笔为你收集整理的html div阴影向上,css3阴影向上缓动样式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。