<div class="gradient-text">
  漸變文字效果
</div>
body {
  background: #282c34; // 灰黑色
  font-family: Arial, sans-serif;
}

.gradient-text {
  font-size: 4rem;
  font-weight: bold;
  background: linear-gradient(45deg, #ff6b6b, #f06595, #d5aaff, #5c5cfe);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
  padding: 1rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.