css3与js网页制作实例网页头像展示效果

3、;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;margin:0;padding:0;background-color:#E6E6E6;}.grid{margin:100pxauto80pxauto;padding:0px;width:100%;height:auto;overflow:hidden;max-width:1000px;-webkit-box-shadow:0px40px50pxrgba(

4、0,0,0,0.3);-moz-box-shadow:0px40px50pxrgba(0,0,0,0.3);box-shadow:0px40px50pxrgba(0,0,0,0.3);}.gridli{width:10%;background:#000000;float:left;position:relative;overflow:hidden;}.gridimg{float:left;width:100%;height:auto;position:relative;-webkit-transform-style:preserve-3d;-

5、webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-moz-transform:translate3d(0,0,0);transform-style:preserve-3d;backface-visibility:hidden;transform:translate3d(0,0,0);}.grid.info{position

6、:absolute;width:100%;height:100%;padding:15px;background:#DC584C;display:none;z-index:2;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform-style:preserve-3d;-moz-backface-visibility:hidden;-moz-transfor

7、m:translate3d(0,0,0);transform-style:preserve-3d;backface-visibility:hidden;transform:translate3d(0,0,0);}.gridp{font-size:22px;font-weight:bolder;color:#FFF;}JavaScript代码最后，我们需要借助广州中维财税http://101.1.28.14/JavaScript来完成一些特殊的互动（动画效果）。(function(){$(function(){varcolumns,curren

8、t,easing,grid,hideItem,showItem,time,_this=this;grid=$(".grid");current={index:-1,