Стандартная HTML5 анимация

Question

Я заметил, что существует фрагментация вокруг поддержки анимации в HTML5. Мне просто интересно, было ли что-нибудь, чтобы попытаться решить это?

Например, это демо здесь,

http://www.webkit.org/blog-files/3d-transforms/transform-style.html

Определяет преобразования, специфичные для webkit. Это означает, что он работает на Chrome, Android (со стандартным браузером), iOS (также со стандартным браузером).

Не работает в IE, Firefox, Opera Mobile и т. Д.

Также я заметил, что мой Android 2.3.5 не показывает анимацию правильно в этой демонстрации.

Firefox также выпустил свои собственные анимации.

Я пришел из фона на серебряном свете, где в наших приложениях много анимации. Я хочу перейти на HTML5, но это может быть проблемой.

Answer 1

извините, что разочаровал, но в html5 / css3 все по-прежнему сильно меняется.Браузеры реализуют функции очень рано, чтобы быть "как можно более крутыми".чтобы сохранить функциональность существующих сценариев, даже если стандарт изменится, в какой-то момент они начали добавлять браузерные префиксы.

, так как теперь вам нужно использовать несколько определений в CSS для анимации (среди прочих) и даже включить некоторый запасной вариант JSдля IE9 - поскольку IE запускает поддержку перевода в IE10 (хотя в IE9 есть обходной путь с «увеличением»)

Посетите CanIUse.com, чтобы получить снимки поддерживаемых функций: http://caniuse.com/transforms2d и аппаратное обеспечение-ускоренная версия http://caniuse.com/transforms3d также неплохо подходит этот ресурс: http://www.css3files.com/transform/

, если вы включите стандартное определение после 5 префиксных определений, более новые браузеры будут использовать его вместо этого ... кроме того: когдаВы пытаетесь использовать необычную функцию CSS, просто включите ее в Google с помощью «кросс-браузера» и получите ссылки на достойные генераторы, которые выполняют за вас тяжелую работу, пока вы не узнаете это наизусть.