软件工程日报02
今天在之前使用css样式渲染的基础上,进一步修改了了一些方面,让页面更丰富
字体选择:引入了 Playfair Display 字体,它具有优雅的风格,能提升页面整体的质感和艺术感。
背景处理:
更换了一张更具艺术感的背景图片,营造出更舒适的视觉氛围。
使用 backdrop-filter: blur(5px) 为背景添加模糊效果,同时通过半透明的白色遮罩让页面内容更加突出。
头部设计:
修改了渐变背景颜色,使颜色搭配更加清新和富有层次感。
增大了 padding 和 font-size,让标题更加醒目。
添加了 clip-path 属性,将头部设计成独特的形状,增强视觉冲击力。
内容区域样式:
增加了内容区域的 padding 和 border-radius,让模块更加圆润和舒适。
通过 ::before 伪元素为内容区域添加了一个外边框,增强层次感。
优化了 hover 效果,包括更大的缩放比例和更明显的阴影变化。
无序列表样式:
使用渐变背景色,使列表项更加生动。
通过 ::before 伪元素和 clip-path 实现了鼠标悬停时的水波纹效果,增加交互趣味性。
鼠标悬停时列表项会上移,增强动态效果。
表格样式:
增大了表格的 border-radius 和 box-shadow,使表格更具立体感。
为表头使用渐变背景色,与页面整体风格相呼应。
表单样式:
增大了输入框和按钮的 padding 和 font-size,提升用户体验。
优化了输入框的 focus 效果,使用更明显的边框颜色和阴影。
按钮的渐变背景色和 hover 效果更加流畅和美观。


浙公网安备 33010602011771号