✅ Как создать эффект растяжения
Свойство letter-spacing определяет межбуквенное расстояние в тексте, но как раз с помощью него можно сверстать интересную растянутую кнопку, которая удивит неожиданностью каждого. ⬇️
☑️ Добавление hover обязательно, он будет менять letter spacing, что способствует растяжению кнопки.
Делимся готовым кодом для создание эффекта растяжения кнопки: ⤵️
Свойство letter-spacing определяет межбуквенное расстояние в тексте, но как раз с помощью него можно сверстать интересную растянутую кнопку, которая удивит неожиданностью каждого. ⬇️
☑️ Добавление hover обязательно, он будет менять letter spacing, что способствует растяжению кнопки.
Делимся готовым кодом для создание эффекта растяжения кнопки: ⤵️
a {
padding: 10px;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
letter-spacing: 3px;
font-family: sans-serif;
text-decoration: none;
transition: all .35s;
}
a:hover {
letter-spacing: 17px;
}
#практика #css