У меня очень специфический клиент. Он потребовал создания загрузочного изображения. Но никаких простых колес спиннига или чего-то еще. Это его продукт вращается. Проблема в том, что когда я создал gif с десятью фреймами, это изменчиво и не очень свободно.Свободное анимированное изображение, работающее в качестве фона?
Какой другой формат я могу использовать, который будет работать в Интернете в качестве фона для загрузки страницы?
В зависимости от того, что вы подразумеваете под поворотом, и браузеров, в которых вы хотите работать, вы можете уйти с (почти) чистым CSS.
#animated {animation: loading 5s infinite linear}
@keyframes loading {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
<img id="animated" src="logo.png">
MDN имеет больше информации о поддержке и какие версии требуют префиксов.
Он вращается слева направо (это куб), поэтому мне нужно пару кадров. –
В этом случае вы можете просто перевернуть 0 и 359 градусов. – Frenzie
Представьте себе куб с четырьмя различными сторонами. Как я могу перевернуть 2D-изображение, чтобы показать сторону, которая скрыта в начале? –
Adobe Flash! =) Пользователи просто будут ЛЮБИТЬ веб-сайт, загружая огромную гладкую прохладную крутую мигающую анимацию, чтобы показать, что она что-то загружает! – Athari
Ха-ха, да, мой клиент показал мне сайт, построенный с помощью Flash. К сожалению, он устарел и не работает на фоне. –
Вы имеете в виду действительно ** фон **? Боюсь, что любой вариант будет медленным. Поворот изображения HTML в фоновом режиме, вероятно, будет медленным, как черт, и зависит от браузера, ОС и оборудования. GIF так же быстро и надежно, как может. Если вам не нужна полоса пропускания, вы можете попробовать увеличить количество кадров и настроить частоту кадров. Но я бы не ожидал многого. AFAIK, flash можно использовать в фоновом режиме на самом деле, вы можете попробовать выполнить поиск в Google. Но в этом режиме даже вспышка будет медленной ... – Athari