这是一个网页样式设计参考
主色调选用深蓝至浅蓝渐变,辅助色使用橙色或绿色作为点缀,旨在传达科技感与专业性。
.gradient-background { background: linear-gradient(to right, #004AAD, #00AEEF); }
按钮悬停时出现涟漪效果或粒子动画,增强页面活力。
.button:hover { box-shadow: 0 0 10px rgba(0, 174, 255, 0.8); transform: scale(1.1); transition: all 0.3s ease; }
插画风格以科技感强的抽象云朵及数据流动图标为主,配以高质量的摄影图片。
桌面端使用左侧固定侧边栏,移动端则采用汉堡菜单形式。
@media (max-width: 768px) { .sidebar { position: fixed; top: 0; left: -250px; width: 250px; transition: all 0.3s ease; } }
字段名称 | 说明 |
---|---|
姓名 | 用户输入姓名 |
电子邮件 | 用户输入邮箱地址 |
建议内容 | 用户填写具体建议 |