weixin_44945653的博客

原创 一个前端菜鸟的自学之路-手写CSS加载动画

菜鸟的第一篇文章之CSS加载动画 效果预览 逆时针旋转效果 下面是编码思路 首先需要先做出一个圆环 动画中的小圆点使用background-color: 背景颜色做，要组成一个圆形需要8个小圆点。 首先使用div容器做一个宽高都为40px的正方形，然后用position: absolute;将小圆点定位在四个角。 用同样的方法再做一个div容器覆盖到第一个上面，使用transform: rotate(45deg);将容器顺时针旋转45度，再去掉border边框就得到了一个由8个小圆点组成的圆形。 然