Minecraft LA 服务器网站 - 动画和渐变效果 - 常规

以下是一个示例的 HTML 代码，用于创建一个包含动画和颜色渐变的“我的世界 LA 服务器”网站：

<!DOCTYPE html>
<html>
<head>
  <title>我的世界 LA 服务器</title>
  <style>
    body {
      background: linear-gradient(to bottom, #ff9933, #ffcc00);
      overflow: hidden;
    }
    
    #logo {
      animation: spin 5s linear infinite;
      height: 200px;
      width: 200px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -100px;
      margin-left: -100px;
    }
    
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    
    #title {
      text-align: center;
      font-size: 36px;
      color: white;
      margin-top: 250px;
    }
    
    #description {
      text-align: center;
      font-size: 24px;
      color: white;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div id="logo">
    <img src="minecraft_logo.png" alt="Minecraft Logo">
  </div>
  
  <h1 id="title">我的世界 LA 服务器</h1>
  <p id="description">欢迎来到我们的服务器！加入我们一起冒险吧！</p>
</body>
</html>

请注意，上述代码中的动画效果和颜色渐变是通过 CSS 样式实现的。你需要将minecraft_logo.png替换为你自己的 Minecraft 服务器的 Logo 图片。