这个网站的样式使用了CSS过渡(transition)属性来改变元素的状态,通过不同的延迟时间(delay)和持续时间(duration)来实现平滑的过渡效果。 首先,我们注意到有两个`data-sal`类,它们分别定义了过渡的延迟时间和持续时间。这两个值都是以秒为单位的变量,分别表示过渡开始前的等待时间以及过渡持续的时间长度。 例如,第一个`data-sal`类设置了过渡的延迟时间为0秒,即立即开始过渡,而持续时间为.2秒。这意味着过渡将在0毫秒后开始,并在2秒后完成。 第二个`data-sal`类设置了过渡的延迟时间为`var(--sal-delay,0s)`,这里的`--sal-delay`是一个全局变量,用于存储默认的延迟时间。因此,如果这个类没有被覆盖或修改,它将使用这个默认的延迟时间。 第三个`data-sal`类设置了过渡的持续时间为.25秒,这是在第二个`data-sal`类的基础上增加了0.25秒的持续时间。 第四个`data-sal`类设置了过渡的持续时间为.3秒,这是在第三个`data-sal`类的基础上增加了0.1秒的持续时间。 第五个`data-sal`类设置了过渡的持续时间为.35秒,这是在第四个`data-sal`类的基础上增加了0.15秒的持续时间。 第六个`data-sal`类设置了过渡的持续时间为.400秒,这是在第五个`data-sal`类的基础上增加了0.2秒的持续时间。 总之,这个网站使用了CSS过渡属性来控制元素的显示和隐藏,通过设置不同的延迟时间和持续时间,实现了平滑的动画效果。