@qpz

Как сделать ховер появления элемента с css-анимацией без использования св-ва position?

Есть 2 блока, один скрытый другой нет. При наведении на скрытый, появляется обычный блок. Нужно сделать это появление с анимацией transition: all ease 0.5s. Если свойство display: block на ховер, то анимации не происходит. Если сделать через position (песочница) и в исходном положении сделать, к примеруright: -1000px, а при наведении на скрытую область right: 0, то приходится использовать overflow-x: hidden, чего очень не хочется делать. Какие есть варианты? Желательно без подгрузки сторонних css-файлов
  • Вопрос задан
  • 164 просмотра
Решения вопроса 1
lambesis
@lambesis
Слабоумие и отвага!
Чтобы просто поправить косяк с overflow, достаточно исправить одну строчку:
.right{
	position: fixed;
}

Но вообще у вас сама верстка не совсем правильная: position'ы не очень логично прописаны, ширина/высота блоков тоже. Вот чуть отредактированный pen.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы