css3 transition animation nick body #d2{ width margin div[id^='img'] #nav #nav a{ padding background color font-weight border-radius #showImg{ width height border text-align margin-top position #showImg div{ display #showImg div:target{ display #showImg #img1:target{ display position top -webkit-animation @-webkit-keyframes sliderLeft{ from{ left to{ left } #showImg #img2:target{ -webkit-animation animation-fill-mode @-webkit-keyframes sliderBottom{ from{ transform to{ transform } #showImg #img3:target{ -webkit-animation @-webkit-keyframes scaleIn { from{ transform to{ transform } #showImg #img4:target{ -webkit-animation @-webkit-keyframes rotateScale{ from{ transform to{ transform } p #stage{ width height border-radius margin border position -webkit-perspective transform-style transform background-color #stage div{ width height line-height border-radius background position left top text-align font-size color #stage div:nth-child(1){ transform #stage div:nth-child(2){ transform #stage div:nth-child(3){ transform #stage div:nth-child(4){ transform #stage div:nth-child(5){ transform #stage div:nth-child(6){ transform @keyframes rotate3d { from{ transform to{ transform } #stage:hover{ animation2D位移动画2D倾斜动画2D缩放动画2D缩放旋转动画鼠标悬停预览3d效果WEBNICKWEBNICKWEBNICK

最后展示下效果！