CSS-переход для перемещения изображения справа - PullRequest
2 голосов
/ 14 февраля 2012

У меня интересная ситуация, в которой мне было интересно, могу ли я решить с помощью CSS перехода.

Лучший способ описать это - взглянуть на jsfiddle .

Вы можете видеть, что при наведении курсора на строку заголовка текстовое поле и изображение перемещаются.

Тем не менее, это достигается установкой положения фона X выше 100%, что делает все немного ментальным! Попробуйте изменить ширину браузера, чтобы понять, что я имею в виду.

Вы можете сделать это слева - посмотрите это jsfiddle , но я не могу придумать способ CSS сделать это справа.

Я думал, что это может быть сделано в будущем с calc()?

Есть идеи?

1 Ответ

0 голосов
/ 14 февраля 2012

Добавьте div внутри nav как крючок для фона котенка, поместите его вправо и анимируйте ширину при наведении ... С небольшой настройкой это работает ..

http://jsfiddle.net/RuEGv/7/

...