- 博客(3)
- 收藏
- 关注
RSS订阅原创 如何用CSS制作可以转动的魔方
三阶魔方想要进行转动因为太过复杂，所以这里用的是2阶魔方。 首先要搭建一个魔方。利用6个div盒子不同的空间旋转，拼出一个小正方体。然后改变正方体的空间位置，一共8个小正方体拼成2阶魔方。最后给小正方体的每一个面上一个颜色。
2022-05-03 21:56:15
936
1
原创 用CSS做出写轮眼变化图
在抖音上刷到过一次写轮眼的变化视频，想试试CSS里的动画是否也能做出这种效果。 我想到的做法是，将所有的写轮眼图片叠加放到一起。然后通过动画，将最上面的眼睛旋转并消失，第二只眼睛就显示出来了。
2022-05-03 21:51:11
563
1
原创 如何用CSS将DIV变得有正反面，能像卡牌一样反转
最终效果如下总所周知，div盒子是一个二维的盒子，没有厚度。如果仅仅将div的盒子翻转180度，div里面的内容仍会显现出来，并不会有正反面的效果。本次实践就是将div盒子实现有正反面的效果，能够像卡片一样翻面。首先要先建立两个盒子，当作卡片的正反面，这两个盒子通过定位来重叠放到一起。原理就是重叠的两个盒子同时进行旋转。要注意的地方是，下面的盒子需要先设置透明度来隐藏，不然一起旋转的时候视觉效果会很奇怪。接着给前后两个盒子，同时添加动画效果。上面的盒子旋转至90度时，透明度.
2022-05-03 21:47:51
3025
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人