2

Как сделать чтобы текст не расползался? фиксированная ширина span не помогает Сделать абсолютную позицию тоже, ломается всё

.footer-circle-button{
  background: #329370;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border-color: transparent;
  transition: 0.3s;
}
.footer-circle-button:hover{
  width: 190px;
  height: 190px;
  transition: 0.2s;
}
<button class="footer-circle-button">              
  <span class="btn_text">
    Ответы на часто задаваемые вопросы
   </span>     
</button>

2
  • вместо width height сделайте transform: scale (1.1) 11 мая 2020 в 11:00
  • спасибо, сработало всё) 11 мая 2020 в 11:14

1 ответ 1

0

Используй margin

.footer-circle-button{
  background: #329370;
  width: 170px;
  height: 170px;
  border-radius: 50%;
  border-color: transparent;
  transition: 0.3s;
}
.footer-circle-button:hover{
  width: 190px;
  height: 190px;
  margin-left: -10px;
  margin-top: -10px;
  transition: 0.2s;
}
<button class="footer-circle-button">              
  <span class="btn_text">
    Ответы на часто задаваемые вопросы
   </span>     
</button>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.