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

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

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

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


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;
}


Демо

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

Ссылка на автора - twitter.com/guerriero_se !


Top

🔖 Выбор по тегам ×

💌 Написать сообщение ×

Все поля обязательны для заполнения!