炫的css3效果 可查看

transform: scale3d(1.2,1.2,1.2);结合hover

展示边框阴影效果

-webkit-box-shadow: 1px 2px 4px #dbdbdb;

box-shadow: 1px 2px 4px #dbdbdb;

鼠标悬浮移动及边框阴影效果

/* -webkit-transform: translateY(-3px); */

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

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

/* transform: translateY(-3px); */

/* -webkit-box-shadow: 0 2px 10px 1px rgba(156,156,156,.3); */

/* box-shadow: 0 2px 10px 1px rgba(156,156,156,.3); */

转载于:https://www.cnblogs.com/geekjsp/p/6973433.html

原文地址：https://blog.csdn.net/weixin_30429201/article/details/95908126?ops_request_misc=&request_id=6c19665b5171484fa1ff5cf64d700d68&biz_id=&utm_medium=distribute.pc_search_result.none-task-blog-2~all~koosearch~default-5-95908126-null-null.142^v88^insert_down28v1,239^v2^insert_chatgpt&utm_term=css3%E7%89%B9%E6%95%88