CodePen Embed - ZEqxmqv

<p class="sample">テキストグラデーション</p>

.sample {
  background: linear-gradient(90deg, #55bdfa 0%, #2079b0 40%, #005bac 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

p {
  font-size: 30px;
  font-weight: bold;
  padding-left: 20px;
}

This Pen is owned by RyuseiYamana on CodePen.

See more by @RyuseiYamana on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.