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

Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42

gif效果：

 

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<<