网站介绍
这个网站是一个响应式的网页特效演示页面，使用了CSS3的动画和过渡效果。主要包含一个焦点图(spotlight)的展示，以及一些样式定义。
焦点图(Spotlight)效果
焦点图使用@keyframes规则来定义动画效果。在0%时，焦点图的透明度为1,即完全可见；在50%时，焦点图的透明度降低到0.2,即半透明状态。通过改变透明度，实现了焦点图的闪烁效果。
焦点图的位置固定在页面顶部或底部，宽度为100%,背景颜色为黑色，文字颜色为白色。初始状态下焦点图不可见，通过添加.show类来改变其显示状态，使其变为完全可见。
为了实现触摸屏上的平滑滑动效果，还禁用了用户选择文本、触摸动作，并设置了指针事件为自动处理。
其他样式定义
除了焦点图效果外，页面还定义了一些其他的样式：
#spotlight选择器指定了焦点图元素的样式；#spotlight.white选择器定义了焦点图为白色背景时的样式。
这些样式定义包括了字体、字号、字重、容器属性、触摸动作等，用于提供良好的用户体验和视觉效果。
以上是该网站的基本介绍。如果你对CSS动画和过渡效果感兴趣，或者想要创建类似功能的网页，可以参考该网站的代码和样式进行学习和实践。
