网站介绍
该网站是一个具有独特设计风格的个人作品展示平台。页面采用了简约、优雅的视觉效果,为用户提供了一个舒适、愉悦的浏览体验。
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样式设置。