Как сделать так, чтобы буквы не растягивались вместе с блоком?

Question

[Михаил]

У меня есть блок, при наведении, на который всплывает окно с отзывом.
Вот проблема:

Буквы должны быть статичны и не растягиваться.
Как это сделать?

Comments

[Ankhena]

Поищите transform в коде.

Или выложите код в песочницу или ссылку.

[Михаил]

Ankhena, Конечно есть, я даже знаю, что из-за него текст и растягивается, но поделать с этим ничего не могу, т.к. transform в box, а box это родительский блок текста

#box:hover {
	transition-duration: 0.7s;
	background-image: none;
	transform: scaleX(2);
	background-color: #092F33;
}

[Ankhena]

Misha5, и что и что, обратно тексту 0.5 не поставить?
Либо вытащите спан с текстом за пределы box и позиционируйте.

Второй вариант лучше, текст не размажется.

[Ankhena]

Misha5, А еще лучше выложите код и достаточный кусок макета, может вам и трансформ не нужен

Answer 1

[Олег]

Это картинка?Тогда естественно будет растягиваться)

Comments

[Михаил]

Это текст. Картинка исчезает при hover-е