CSS-переход через отрицательное верхнее/левое абсолютное положение

http://jsfiddle.net/KgcM9/1/

Я хотел бы навести указатель мыши на <header>, и изображение переходит через верхнюю часть экрана, а затем снова появляется слева от экрана в исходное положение.

Проблемы с вышеуказанной скрипкой заключаются в том, что если мышь выходит из <header>, переход останавливается, и изображение возвращается из верхней части экрана.

Также переход перемещает изображение сначала на x: -300, y: 400, чтобы его не было видно, затем он перемещает его на x: 700, y: -1700, что является полным взломом, так что кажется, что оно входит в из нижнего левого угла. Есть ли лучший способ сделать это с помощью CSS?


person StuR    schedule 29.05.2012    source источник


Ответы (1)


Не уверен, что это может помочь: http://jsfiddle.net/JyPXR/2/ Добавить скрытое переполнение и играйте с левыми/верхними координатами.

person jasssonpet    schedule 30.05.2012
comment
Спасибо, в конце концов я понял, что не могу просто сделать это с помощью CSS, поэтому я сделал что-то вроде этого (только для веб-сайта): jsfiddle.net/awSwv - person StuR; 30.05.2012