文章预览
CSS 中其实有一项名为 Houdini 的 API，它的强大程度堪称“魔法”。不多说，先看看它能做的事就知道有多惊艳。 本文将一步步讲解这个“魔法”的基础原理和常见用法，并穿插一些示例以帮助理解。 CSS Houdini 为什么这么特别？ 在正常情况下，CSS 提供的属性集合是固定的，比如 color 、 background 、 border 等等。但是如果需要实现超出这些预设的效果，比如： 一个带有波浪形图案的背景 类似 Pinterest 风格的瀑布流布局 随着页面滚动会自动变换颜色的动画 这些超常规需求往往需要自己写大量 JS 或依赖第三方库。而借助 Houdini，就能直接和浏览器的渲染引擎对话，像“开后门”一样自定义更多特性。 提示 ：Houdini 处在持续发展中，一些浏览器支持度不完全一致。 可以在开发时使用 Babel、PostCSS 等工具做一些向下兼容，或者保留传统 CSS/JS 方案作为备用
………………………………
