Добавить вращение к повторяющейся текстуре фонового изображения CSS3

Question

Можно ли добавить вращение к повторяющейся текстуре фонового изображения? - Я не хочу вращать сам элемент, а фоновое изображение элемента?

Мне было интересно, возможно ли это с помощью CSS3?

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

Answer 1

Я не думаю, что background-image-rotate еще существует ни в одном браузере.Тем не менее, вы можете достичь эффекта с помощью анимированного GIF.Или, возможно, написав jQuery, чтобы сделать следующее ...

• Создайте серию изображений, представляющих анимацию (например, север, северо-восток, восток, юго-восток, юг, юго-запад, запад исеверо-западная версия изображения)
• Включите таймер событий jQuery каждые n миллисекунд и замените фоновое изображение

Вы можете увидеть анимированный GIF, работающий как фоновое изображение здесь...

http://acarna.com/test-animation.php

Просмотрите исходный код и скачайте /images/animation.gif, чтобы увидеть, как он работает.

ПРИМЕЧАНИЕ. Небольшое время, проведенное с jQuery,доставить более плавный результат, чем это возможно с анимированным GIF.Особенно, если вы хотите, чтобы посетители вашего сайта могли взаимодействовать с анимацией.