分享一个鼠标移动投影效果

/ 浏览:2576 次

想要记住的太多,想要留下的也太多,会忘记的也是同等,失去的亦是如此。昨日之日不可留,偶尔还是有闲心做一些小特效和小修改,froyo移植还尚未成功,终归还是闲暇的时间不多。

<style>
body{
     background: #f2f3f5;
}
.item{
    display: block;
    box-sizing: border-box;
    padding: 50px 35px 0;
    width: 330px;
    position: relative;
    height: 330px;
    background: #fff;
    border-bottom: 3px solid transparent;
    transition: all .3s ease;
}
.item:hover {
    border-bottom-color: #00c800;
    transform: translateY(-4px);
    box-shadow: 0 20px 40px rgba(0,0,0,.12);
}
</style>
<div class="item"></div>

如果你想转载,请注明来源或者出处