CSS实现模块化效果

来源：互联网发布：以史为镜可以知兴衰编辑：程序博客网时间：2024/05/21 07:02

@media only screen and (min-width: 1170px) {
.cd-product-mockup {
margin-bottom: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
-webkit-transform: rotateX(-60deg) rotateZ(-40deg) translateX(50px) translateY(300px);
-moz-transform: rotateX(-60deg) rotateZ(-40deg) translateX(50px) translateY(300px);
-ms-transform: rotateX(-60deg) rotateZ(-40deg) translateX(50px) translateY(300px);
-o-transform: rotateX(-60deg) rotateZ(-40deg) translateX(50px) translateY(300px);
transform: rotateX(-60deg) rotateZ(-40deg) translateX(50px) translateY(300px);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
}

0 0