gif效果:

【韩都动效设计】61赠品活动卡片动效-歪歪喂

 

CSS原理:

 

div {
    width: 200px;
    height:200px;
    margin: 200px auto;
    border: 1px solid #ddd;
    background: #fff;
    transition: 0.3s all linear;
}
div:hover {
    background: #fff;
    border-color:#fff;
    border-radius: 20px;
    box-shadow: 0 0 80px #ddd;
}

 

>>demo<<