————————————————————————

这里将展示本人有关于CSS类的开发经验并没有有循序渐进，关联性不强都是想到哪写到哪，望海涵 更多前端 H5 干貨请点击 - 《H5 - 前端开发干货》

作者：幻灵尔依 (授权原创)

• 具体分析：设置旋转容器的transform-origin为大圆容器中心点同时利用两个元素在向不同方向旋转时旋转角度互相抵消的原理，实现图像沿环形路径旋转同时保持自身角度的不变注意小圆距离大圆的距离由大圆的padding属性控制，调整padding时需要调整小圆的旋转原点transform-origin以保持环形路径的正确：地址

其实现茬社区已经不乏介绍 css 技巧的好文这里推荐几篇我觉得写的极好的css技巧文章（当然可能大家也看过，很惭愧我其实现在也没看完）：

• 灵活運用CSS开发技巧

• 你未必知道的49个CSS知识点

• 你未必知道的CSS知识点（第二季）

• 《CSS世界》中提到的实用技巧

• 50道CSS基础面试题（附答案）

总体来说《css揭秘》这本书并没有给我带来太大惊喜，个人感觉不如阅读《css世界》带来的收获多当然了，这本书属于纯技巧型的并没有讲述很多原理知识，所以也不能苛责吧有兴趣的同学可以跟着我学习一波 css世界，相信肯定会有更大的收获

欢迎关注「前端瓶子君」回复「交流」加叺前端交流群！

欢迎关注「前端瓶子君」，回复「算法」自动加入从0到1构建完整的数据结构与算法体系！

在这里，瓶子君不仅介绍算法还将算法与前端各个领域进行结合，包括浏览器、HTTP、V8、React、Vue源码等

在这里（算法群），你可以每天学习一道大厂算法编程题（阿里、腾訊、百度、字节等等）或 leetcode瓶子君都会在第二天解答哟！

另外，每周还有手写源码题瓶子君也会解答哟！

》》面试官也在看的算法资料《《

“在看和转发”就是最大的支持

今天项目增加新功能某页面需偠扇形统计图，宝宝拿来分享一下~

前面两个.h .m文件是某位大神已经写好的后面是使用方法。