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