这个网站是一个使用HTML、CSS和JavaScript制作的动画展示平台。它具有以下特点:
- 使用伪元素
#bdcs-rec
设置为display: none;
,使得页面中的某个部分在初始状态下不可见。 - 使用
.hy-target
类设置溢出隐藏,以保持页面布局的整洁。 - 使用
.hy-relative
类设置相对定位,使得页面中的元素可以相对于其位置进行定位。 - 使用
.hy-wrapper
类设置绝对定位,并将页面容器的高度设置为100%,以实现全屏展示效果。 - 使用
.hy-wrapper *
选择器设置盒模型为box-sizing: border-box;
,以确保盒子的宽度和高度包含内边距和边框。 - 使用
.hy-fade
类设置动画透明度变化,通过-webkit-transition-property
、-moz-transition-property
和transition-property
属性设置动画属性为透明度,以及通过-webkit-transition-timing-function
、-moz-transition-timing-function
和transition-timing-function
属性设置动画过渡函数为缓进缓出。 - 网站中的
.hy-box
元素使用了绝对定位和宽高100%的设置,实现了全屏展示效果。
这个网站基于HTML、CSS和JavaScript制作了一个具有全屏展示效果、动画透明度变化等特效的动画展示平台。