Gradient Color for Bold Text

Community Contribution: Jaee Chew

Preview Link

CSS

.gradient-bold strong,
.gradient-bold b {
    background: linear-gradient(90deg, #E130DB, #FF6054);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

HTML

<div class="gradient-bold">
  This is a <strong>color-shifting bold word</strong> in a sentence.
</div>