网站介绍
这个网站是一个具有独特样式的页面，主要展示了CSS的关键帧动画(@keyframes)和一些相关的CSS样式(如定位、颜色、透明度等)。
关键帧动画
@keyframes 是CSS3引入的一个特性，用于定义动画序列。在这个例子中，pulsate 是一个关键帧动画的名称，它定义了在动画开始到结束的过程中元素的变化。
具体来说，在0%(动画开始时)到50%(动画中间时)的时间段内，元素的透明度从完全不透明(1)变为半透明(0.2)。而在其他时间段，元素的透明度保持为完全不透明(1)。这种效果可以模拟出一种闪烁或脉冲的效果。
CSS样式
除了关键帧动画外，这个网页还使用了多个CSS样式来控制页面的布局和外观。以下是一些重要的样式：
#spotlight:这是一个具有固定位置的容器，用于展示动画效果。它的背景色是黑色，文字颜色是白色，并且默认是隐藏的。该容器的大小会随着页面的滚动而改变。#spotlight.show:当需要显示动画时，通过添加 “.show” 类，可以将#spotlight容器设置为可见状态。同时，移除了过渡效果，使动画更加突然。#spotlight.white:如果需要更改文字颜色和背景色，可以添加 “.white” 类。例如，将背景色更改为白色。
该网页还包含了一些其他的CSS样式来确保良好的用户体验，如禁止用户选择文本、禁用触摸动作等。
这个网站展示了如何使用CSS的关键帧动画来创建视觉上的动态效果以及利用各种CSS样式来实现页面布局和外观的设计。
