- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах
Это на 45% больше, чем в 2022 году
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Можно ли сделать анимацию загрузки такую как на этом видео: тыЦ
это анимация из samsung touchwiz android 5.0
Как сделать такую на javascript или css3? И возможно ли сделать такую сложную? например с помощью css3 можно запилить вращающийся полукруг, на оси другого круга (2 div'a), но это не будет так круто как на видео. Подкиньте своих идей для реализации.
Такую анимацию в 99% делают на GIF. Здесь тоже не проблема
http://fortawesome.github.io/Font-Awesome/examples/
Раздел "Animated Icons".
Dinozavr, на gif - не известно сколько кадров будет, и сложновато прийдется
Sanu0074, всмысле сколько кадров?) ты собрался длину гифки определять временем загрузки чтоли?)) одна гифка зацикленная в пару кадров которая делает полный круг. и все. добавляешь к элементу класс до загрузки и после. если класс есть - значит через ксс включаем гифку - если аякс загрузился и поменял класс - выводим данные)
ты собрался длину гифки определять временем загрузки чтоли?))
прежде чем писать, посмотри внимательно и поймеш, на каждом обороте у кольца разное поведение
одна гифка зацикленная в пару кадров которая делает полный круг. и все. добавляешь к элементу класс до загрузки и после. если класс есть - значит через ксс включаем гифку - если аякс загрузился и поменял класс - выводим данные)
если бы так просто было все - я бы не создавал этот топик
прежде чем писать, посмотри внимательно и поймеш, на каждом обороте у кольца разное поведение
на видео гифка зациклена просто 4 раза, точнее 1 цикл - это 4 оборота кольца (сначала разрыв внизу, потом слева, далее сверху и последняя - разрыв справа и снова снизу)
если бы так просто было все - я бы не создавал этот топик
Нет, конечно, можно усложнить, только зачем. Самое сложное здесь – не ограничиваться парой кадров.
2 ТС.
вам правильно предлагаю юзать для этого animated gif
Вам-же не надо этой тырколкой процент загрузки показывать. Ну крутится она и крутится. как ее нарисовали.
Если Вас не устраивает прозрачность Гифа, можете использовать apng, но его не всякий браузер поддерживает
апд.
еще обратите внимание на svg анимацию http://css-live.ru/articles/rukovodstvo-po-svg-animaciyam-smil.html - вот тут есть неплохой тутор.
внизу достаточно интересный вариант анимации (правда тоже не везде работать будет)