preserve-3d - web秀

#preserve-3d#

共找到 preserve-3d 相关内容 3 条

4年前

CSS3D世界，纯CSS如何绘制三棱锥

CSS3D世界，纯CSS如何绘制三棱锥

非常抱歉，断更了半年，原因也是有很多，疫情期间在老家也是没有电脑，上班后非常的忙，种种原因吧。让小伙伴们久等了，非常抱歉！后续还是保持正常更新，不辜负小伙伴们的信任。下面还是回归今天的主题：CSS如何制作三棱锥？结构三棱锥，大家看图，应该能看到它共有4个面，分别是3个侧面，1个底面。我们将其细分为，前面、左面、右面和底面。用html表示如下：<ulclass="cones-inner"><liclass="front"></li><liclass="right"&

548550 3350 0

4年前

CSS 3D世界，360°旋转水晶魔方

CSS 3D世界，360°旋转水晶魔方

你家有类似的水晶魔方吗？我第一次见到它的时候，就觉得这个东西真不错，所以我家现在有2个。不过一个已经坏掉了，坐车放在箱子里面，颠簸导致水晶的四个角都破损了，大家如果要携带一定要小心哦。现在我们来制作一个永远不会破损的水晶魔方，用代码实现，要不代码出bug，永远不坏。CSS3实现水晶魔方效果。结构水晶是一个正方体，所以有6个面，用html表示如下：<ulclass="cube-inner"><liclass="top"></li><liclass="bottom"&

548853 3276 0

4年前

CSS 3D世界，3D 透视照片墙

CSS 3D世界，3D 透视照片墙

有了前面2章内容，大家应该对CSS3D的构建，都有了一定认知了，动手能力强的小伙伴可能已经开始自己做好看的效果了。今天我们就来滚固一下前面学的知识，下面有一个"3D照片墙"示例来加深一下我们所学的知识。结构用一个容器div.photo，装六个面<divclass="photo"><divclass="example"></div><divclass="example"></div><divclass="example"></di

547517 3381 0

下拉加载更多