用HTML+CSS代码制作3D旋转相册

对于很多小伙伴给我的留言问题,我详细总结一下

一、我的项目文件目录

图片全部存放在images文件夹下,你把自己需要显示的图片放在images文件夹下就可以了,一共是11张图片,一张背景图
我的图片命名为1.jpg,2.jpg……,可以自己更改图片名字,代码里也需要修改为自己的图片名字哦

用HTML+CSS代码制作3D旋转相册_第1张图片

二、index文件代码如下:(最后有百度网盘链接)




    
    3D旋转
    

	
		

三、运行效果图:

四、打包运行:

有小伙伴想打包为APP的可以使用Hbuilder打包传到手机上,详细看下面教程
https://blog.csdn.net/qq_42259469/article/details/84646570?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158600294919195162559101%2522%252C%2522scm%2522%253A%252220140713.130056874…%2522%257D&request_id=158600294919195162559101&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-all_SOOPENSEARCH-1

五、百度网盘下载

链接: https://pan.baidu.com/s/1KrmOu-DVCN4kOSy_pPmvUw 提取码: yef9

你可能感兴趣的:(HTML+CSS)