摘要：
步骤：1.大盒子里盛放六个子盒子代表立方体的6个面；2.子盒子开启3d效果 transform-style:preserve-3d;3.上下面沿X轴旋转90度，一个上移盒子一半高，一个下移盒子一半高 translateZ:数值;4.左右面沿Y轴旋转90度，一个左移盒子一半宽，一个右移盒子一半宽；5.... 阅读全文
摘要：
若在x,y轴rotate90度，其实是线，不显示，按近大远小的透视关系可用 perspective:数值 开启透视；默认以中间线为旋转基线，可以用transform-origin来设置旋转基线在z轴上的平移（translateZ）实际上，负值是越来越小，正值越来越大 d... 阅读全文
摘要：
百度钱包的步骤：1.建一个盒子，里面放两个盒子，代表正反面，两个盒子叠一起，正面层次高2.当鼠标Hover时，正面盒子从0deg->-180deg,反面盒子从-180deg->0deg3.正反面盒子都设置背面隐藏backface-visibilityHTML结构：div.box>div.z+div.... 阅读全文
摘要：
与js的无缝滚动类似，整个承载图片的盒子移动，克隆一组图片放置最后，当一组图片播放结束后将盒子定位在有一组图片宽度的左侧HTML结构： ... 阅读全文