js实现3D酷炫魔方图片展示

项目描述

做的是一个很简单的3D魔方的方式旋转展示图片，这是我最近在慕课网上向老师学的，感觉还不错，做出来的动态效果还不错。

此代码可以把Img里的图片替换成自己的图片，图片的名称不能改变，它的定义与代码中background-image:url(img/a"+n+".png);有关，以及在style里面做的样式。

style中先定义好六个面的方位，通过transform: translateY(-150px) rotateX(90deg);进行定义

用JavaScript来设置图片分块效果，最后在style中

.box-page div:nth-child(1){

animation: a1 4.5s ease-in;

}

设置图片飞出去的效果。

运行环境

HBuilder

项目技术(必填)

html+javaScript

是否原创(转载必填原文地址)

原创

项目截图(必填)

运行截图(必填)

注意事项

暂无