两个月亮

在将 RGB 转换为灰度值时，常使用心理学灰度加权公式进行两者的转换。心理学灰度加权公式是一种常用的计算灰度值的方法，用于将彩色图像转换为灰度图像。它考虑了人眼对不同颜色的感知程度不同，将红、绿、蓝三种颜色的值加权求和，得到一个综合的灰度值。在心理学加权灰度公式中，绿色的权重值相比其他两种颜色更高是因为 人眼对于绿色的敏感度更高。绿色的权重值更高意味着在进行灰度值的计算时，绿色通道的取值会对最终的灰度值产生更大的影响，从而更加符合人眼对图像的感知。

实现界面自适应，避免产生窗口尺寸变化导致的空白区域，影响美观。这里我们将实现双击页面进入或退出全屏显示的效果。在三维计算机图形学中，视锥体（英语：viewing frustum）又称视景体、视锥，是三维世界中在屏幕上可见的区域，即虚拟摄像机的视野。仅改变了画布大小，并没有改变视锥体的宽高比，所以在我们更改画布大小后场景中的元素将被拉伸。

在浏览器提供 requestAnimationFrame() API 前，这类工作是通过 setInterval() 函数来进行的。现代浏览器通过 requestAnimationFrame() 函数为稳定而连续的渲染场景提供了良好的解决方案。通过 requestAnimationFrame() 函数，你可以向浏览器提供一个回调函数。你无需定义回调间隔，浏览器将自行决定最佳回调时机。你需要做的是在这个回调函数中完成每一帧的需要进行的绘制操作，然后将剩下的工作交由浏览器处理，浏览器将赋值使场景绘制尽量高效和平

filter 属性可以为当前元素添加滤镜，blur() 函数用于将元素中的像素进行适当的偏移，以产生到模糊的效果。该伪元素的面积比 #card 元素稍大，将该元素压在 #card 的下方，通过适当的偏移，就能得到一个具有流光的边框效果。

@property CSS Houdini API 的一部分，它允许开发者显式地定义他们的 CSS 自定义属性, 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。接下来，我们将探索 CSS 变量与自定义属性的区别以及适合使用自定义属性的部分场景。

该项目文件中我已对代码进行了注释。如遇不懂的地方，请尝试查看相关注释。// 鼠标悬停于目标元素上时，目标元素的放缩倍数。// 指定用于创建日历的 HTML 容器。// 显示 ">" 及 "

在该部分代码中，你如果没有为 ul 设置宽高，则 li 标签在动画过程中将发生轻微的抖动（在 li 标签使用的动画处于静止状态时）。animation 在 CSS 中常用来为选中的元素指定使用的动画并对动画的播放进行设置（如指定动画的持续时间）。