Движение фонового изображения в CSS.

программирование html css веб дизайн

Можно ли в CSS организовать плавное повторяющееся движение фонового изображения? На сколько пикселей перемещать и за какое время, а также в каком направлении выберите сами, пожалуйста. Только в комментариях /* */, пожалуйста, укажите. Я просто хочу понять, как это сделать. А если нельзя с фоновым, тогда просто с изображением. Буду благодарен.

Примечание:
Анатолий, всё это очень хорошо, но там не фоновое изображение, а div. Похоже, нельзя с фоном так баловаться, да?

Примечание:
Кря-кря, а через JavaScript как оно будет?

Примечание:
holden321. спасибо! А можно ещё 1 вопрос? Как через JavaScript узнать, на сколько процентов от верхнего края опущен элемент? И ещё от левого. Заранее спасибо!

Примечание:
Это координаты того объекта, по которому я кликну? А как определить координаты объекта, у которого есть свой ид? Того, по которому я щёлкать не буду.
Ответы:
Можно и с фоновым меняют позицию background-position через JS.
Вот пример с анимированным фоном.
http://jsfiddle.net/hfXSs/
А вообще, даже если что-то сложное надо реализовать, есть псевдо-классы before и after, элементы которые могут служить фоном. В смысле можно без javascript обойтись.
Примечание №3
Определение высоты динамического блока (div) на jQuery
Примечание №4
Конечно можно. есть 1 вам надо просматреть 2 свойства backgraund and transition
первое это позиции вашего изображения а второе это устанавливаете тайм аут передвежения..


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.