Как работает технология анимации в веб-браузерах?

Технология анимации в веб-браузерах работает на основе разных подходов, среди которых:

• GIF-анимация. computer.howstuffworks.com Это серия неподвижных изображений, которые последовательно отображаются в браузере пользователя. computer.howstuffworks.com Для отображения графических элементов в формате GIF браузеру не нужно подгружать сторонние плагины и расширения. www.garshin.ru
• DHTML-анимация. computer.howstuffworks.com Позволяет изменять HTML-элементы, чтобы добавить движения веб-странице. computer.howstuffworks.com Скрипт DHTML может сообщить браузеру продолжать изменять размещение определённого изображения на странице, чтобы оно перемещалось по экрану. computer.howstuffworks.com
• CSS-анимация. skillbox.ru Позволяет добавлять движение и эффекты к любым элементам на странице — тексту, картинкам, кнопкам и даже формам. skillbox.ru Элементы могут плавно появляться, исчезать, менять цвет или двигаться. skillbox.ru Любая анимация состоит из двух частей: сначала задаётся, что именно будет происходить с элементом, например, он станет прозрачным, повернётся или увеличится. skillbox.ru Затем описываются ключевые кадры — точки во времени, в которых элемент меняет состояние. skillbox.ru Браузер сам плавно воспроизводит переходы между этими кадрами. skillbox.ru
• Macromedia Flash. www.garshin.ru С помощью этой технологии можно создавать высококачественную интерактивную анимацию, например, анимационные заставки, определённые элементы которых могут «реагировать» на движения мышки, встроенные в веб-страницы мини-игры, озвученные мультипликационные клипы и многое другое. www.garshin.ru

В современных браузерах для плавной анимации и спецэффектов используются дополнительные потоки, которые не блокируются основным. habr.com Плавность достигается за счёт субпиксельного сглаживания, которое можно «дёшево» получить на GPU. habr.com