运用CSS3制作3D盒子骰子

运用CSS3制作3D盒子骰子

最近好像CSS3上瘾了，特喜欢找动画效果来练手（空闲时间），这不，我参照人家制作的3D盒子制作了一个骰子，参照链接：

https://www.cnblogs.com/dtdxrk/p/4466175.html

3D骰子如下图，由于某种因素掺杂就不放动图了，看一下图版：

HTML代码如下，list是骰子点的样式：

我们来看一下骰子平面图，如下图，1和4是这时重叠起来的：

CSS代码如下，骰子点的样式我收起来了（因为太多太长了），红色框框的要在写完骰子点后加上让它们折叠成立方体：

具体方法可以去原文参照，我这里只是改造了一下。

那么本篇学习文章就分享到这里啦！若有不足的地方，还望请多多指教！