山东大学项目实训——个人纪录（12）

项目团队
DrugLLM开发团队

日期
2024/6/23

本周进度

对前端界面进行美化和调节，主要是对主页的美化

对标题实现一个渐变的效果

标题的css

.centered-div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 居中定位 */
  color: #0a3644; /* 文字颜色，根据背景调整 */
  text-align: center;

  padding: 10px; /* 内边距，根据需要调整 */
  width: 80%; /* 或具体宽度，确保内容适应 */
  font-size: 30px;
  font-weight: bold;
  opacity: 0; /* 初始状态为不可见 */
  animation: fadeIn 1s ease-in-out both; /* 动画名称、持续时间和速度曲线 */
  animation-delay: 1s; /* 延迟2秒后开始动画 */
  visibility: visible; /* 确保元素在动画开始前是可见的，但不可交互 */
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}