纯CSS实现repeat(–n, anything)循环展示或相加功能
文章详细探讨了CSS自定义函数@function --repeat(--n, --x)的实现原理，该函数可纯CSS实现循环展示或相加任意值。核心思想是利用二进制分解与快速幂技巧：将输入N转换为二进制位，通过倍增法生成2^0到2^7共8个副本，每个副本包含相应数量的值。借助CSS的if()函数和style()查询，根据二进制位选择性拼接这些副本，最终输出重复N次的结果，最大支持255次重复。文章提供完整代码示例，并展示在字符串平铺、text-shadow、drop-shadow滤镜及shape()函数中的应用。尽管该方法展示了CSS的编程潜力，但作者指出其依赖较新的CSS规范如@function、if()和style()查询，浏览器兼容性有限，更多是技术探索而非生产实践。整体文章从效果演示到代码解析，再到原理说明，逐步深入，帮助前端开发者理解CSS函数的高级用法与创新思路。