这个网站的HTML和CSS样式非常简洁,主要使用了.hy-target.hy-relative.hy-wrapper以及.hy-fade等类名来控制布局和动画效果。

具体来说,该网站使用了一个名为.hy-wrapper的父元素,并为其设置了overflow: hidden;属性,这可以防止内容溢出到页面外。此外,还设置了绝对定位(position: absolute),使子元素能够在页面上移动位置而不影响其原始位置。

.hy-wrapper内部,又定义了一个名为.hy-box的子元素,通过设置opacity: 0;使其初始透明度为0,然后添加了transition-property: opacity;transition-timing-function: ease-in-out;属性,以实现透明度的平滑过渡动画效果。最后,当.hy-fade-show类被应用到.hy-box时,将opacity设置为1,从而使得.hy-box显示出来。

这个网站的主要特点是使用CSS动画来改变元素的透明度,并通过相对定位来实现元素的精确控制位置。