它始于一个名为“移动选项卡导航”的项目,这是名为“50 天的 50 个项目”课程中的第 38 个项目,当我对其进行编码时,一个想法(使用 3D 化移动设备本身)敲响了我的心头,所以我开始搜索和挖掘这个主题,发现 CSS 透视和 CSS 变换可以创造出令人兴奋的东西,同时保持过程简单和轻松。
在制作了纯 CSS 的手机 3D 模型,并添加了许多课程版本中不存在的功能后,我被制作纯 CSS 全息图的想法所困扰,我将写一下它以后的文章里,这个全息里面会有一个Cube显示手机的壁纸,然后我做了很多版本,有的很惨,有的还不错,这里是漂亮的:
这是CodePen(参观一下!):纯CSS 3D 照片立方体
感谢您的阅读。想了解更多吗?想看别的吗?来 Twitter 上找我吧! alishata128
以上是世界上第一个纯 CSS 照片立方体的详细内容。更多信息请关注PHP中文网其他相关文章!