Новые свойства оформления текста CSS

Взглянем на некоторые новые свойства оформления текста.

Вот некоторые новые свойства CSS для оформления текста, о которых вам следует знать!

• text-decoration-color: установить цвет оформления
• text-decoration-style: установить стиль оформления

Вы можете использовать эти свойства для создания крутых эффектов наведения! Например, вы можете изменить прозрачность оформления текста при наведении курсора:

HTML:

<p class="text-lg">Here's a <a class="cool-link" href="#0">cool link</a>.</p>

CSS:

.cool-link {
  color: indigo;
  text-decoration-color: rgba(74, 0, 128, 0.3);
  transition: 0.3s;
}
.cool-link:hover {
  text-decoration-color: #4a0080;
}

Демо

Вот живая демонстрация:

---

Автор Себастьяно Герриеро