@NoobInProg
Я не знаю как создать анимацию разъезжающего текста. Задумка была такая, банальная — Есть буквы «HR», при наведении или при открытии страницы они должны были разъехаться в разные стороны и образовать слово «Harmony Readers». Подскажите как это реализовать
Решения вопроса 0
Ответы на вопрос 1
@artbutko
Один из простых способов реализации «на коленке»
<div class="title">
<div class="title-word">Harmony</div>
<div class="title-word">Readers</div>
</div>.title {
display: flex;
width: 200px;
}
.title-word:first-letter {
color: red;
font-size: 10px;
}
.title-word {
font-size: 0;
transition: all 0.5s;
}
.title:hover .title-word {
font-size: 10px;
}