摘要:文字版: 非零环绕原则: 如果需要判断某一个区域是否需要填充颜色. 就从该区域中随机的选取一个点。 从这个点拉一条直线出来, 一定要拉到图形的外面. 此时以该点为圆心。看穿过拉出的直线的线段. 如果是顺时针方向就记为 +1, 如果是 逆时针方向,就记为 -1. 最终看求和的结果. 如果是 0 就不填
阅读全文
随笔分类 - CSS
摘要:文字版: 非零环绕原则: 如果需要判断某一个区域是否需要填充颜色. 就从该区域中随机的选取一个点。 从这个点拉一条直线出来, 一定要拉到图形的外面. 此时以该点为圆心。看穿过拉出的直线的线段. 如果是顺时针方向就记为 +1, 如果是 逆时针方向,就记为 -1. 最终看求和的结果. 如果是 0 就不填
阅读全文
摘要:animation-name: move-top, move-left; 一条斜线 可以 看做是 两条垂直方向上的直线运动叠加在一起 所以可以拆成两个动画 只要调整他们在不同百分比时的位置就好了
阅读全文
摘要:展开折叠效果,没有设置height时 transition 不起作用 可以设置max-height .default { max-height: 500px; transition: all 1000ms ease; } .close { max-height: 0; }
阅读全文
|