Letter Spacing Expansion for Bold Text

Community Contribution: Jaee Chew

Preview Link

CSS

.breathing-bold strong,
.breathing-bold b {
    font-weight: bold;
    display: inline-block;
    transition: letter-spacing 0.4s ease;
    letter-spacing: normal;
    color: #000;
 /* Customize if needed */
}

.breathing-bold strong:hover,
.breathing-bold b:hover {
    letter-spacing: 4px;
}

HTML

<div class="breathing-bold">
  This is <strong>breathing</strong> bold text.
</div>