网站介绍

该网站是一个具有独特设计风格的个人作品展示平台。页面采用了简约、优雅的视觉效果,为用户提供了一个舒适、愉悦的浏览体验。

CSS样式设置

  • 网站使用了body标签来定义整体页面的基本样式,通过设置min-width: 1088px确保了页面宽度不会过窄。
  • body>a选择了所有的超链接(<a>标签),并使用display: none!important将它们隐藏起来,以实现更好的页面布局效果。
  • .yuansheng_modal是模态框(Modal)的类名,用于定义模态框的样式和行为。它通过设置display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,.4),实现了一个半透明的遮罩层,并且位置固定在页面顶部中央。
  • .modal-content表示模态框内部的内容区域。它通过设置背景颜色为浅黄色(#fffbf0),并且相对于父元素居中对齐(top: 50%; left: 50%; transform: translate(-50%,-50%);)。同时,它还定义了一些边框样式和内边距,以及一个宽度为1024像素的容器。阴影效果也用于增强视觉效果。
  • 通过添加动画效果(-webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .4s;),使得模态框在显示和隐藏时产生平滑的过渡效果。

以上是基于提供的素材所描述的网站的基本CSS样式设置。