Страницы

Поиск по вопросам

вторник, 12 февраля 2019 г.

Не работает transition при right 0

Добрый день.
Есть такая проблема при наведении на блок с position: absolute он должен плавно переехать в правую сторону right: 0, но у меня не получается это сделать думал что transition это исправит.
Вот код https://jsfiddle.net/j9zz6uxp/
.position{ display: block; position: absolute; width: 56px; height: 66px; background: red; top: 20px; left: 120px; margin-left: -28px; transition: all 1.1s; z-index: 999; }
.position:hover{ margin-left:auto; right: 0; }
Прошу вашей помощи.


Ответ

.position{ display: block; position: absolute; width: 56px; height: 66px; background: red; top: 20px; left: 120px; margin-left: -28px; transition: all 1.1s ease-in-out; z-index: 999; } .position:hover{ margin-left:auto; left: 100%; }


Вы с left на right меняете св-во при наведении, а нужно что-то одно

Комментариев нет:

Отправить комментарий