CSS-анимации - это предлагаемый модуль для каскадных таблиц стилей, который позволяет анимацию элементов документа HTML с использованием CSS.
В то время как псевдокласс : hover
использовался для генерации элементарных анимаций в течение многих лет, расширения CSS в области анимации были минимальными до конца 2000-х годов. Еще в 2007 году WebKit объявил о своем намерении включить CSS-анимацию, переходы и преобразования в качестве функций WebKit. Он также объявил о реализации как неявной, так и явной анимации с помощью CSS в феврале 2009 года. CSS-анимация также была предложена в качестве функции CSS3, текущего проекта спецификации, управляемого Консорциумом Всемирной паутины (W3C)..
.
Анимация CSS - это модуль каскадных таблиц стилей. Это позволяет пользователям наводить курсор на объекты, и будет воспроизводиться анимация. В настоящее время его используют все основные поисковые системы. Несмотря на разногласия со стороны тех, кто предпочитает анимацию с помощью Javascript, тег hover теперь широко используется в сообществе Cascading Style Sheets.
Помимо наведения, Масштабируемая векторная графика поддерживает правило @keyframes, позволяя ограниченный набор преобразования для анимации. Firefox и Chrome использовали расширения @ -moz-keyframes и @ -webkit-keyframes соответственно до того, как @keyframes был добавлен в спецификацию CSS 3.
По состоянию на июнь 2011 г. Firefox 5 включает поддержку анимации CSS. CSS-анимация также доступна в виде модуля в ночных сборках WebKit, а также в Google Chrome, Safari 4 и 5 и Safari для iOS (iPhone, iPod Touch, iPad), Android версий 2.x и 3.x, Internet Explorer 10+ и Microsoft Edge браузер, веб-браузер BlackBerry OS 6, с префикс -webkit-
. Он также используется в iTunes 9 для поддержки файлов iTunes LP.
На ранних этапах разработки CSS-анимации это вызвало беспокойство у тех, кто предпочитал анимацию с помощью JavaScript или, в меньшей степени, Синхронизированный язык интеграции мультимедиа (SMIL); другие утверждали, что это шаг Apple Inc., главного спонсора проекта WebKit, чтобы обойти включение Adobe Flash (и существующей Flash-анимации ) в линейке мобильных устройств iOS компании, использующих Safari. Более того, хотя каскадные таблицы стилей - относительно простой в использовании язык программирования, многие программисты все еще испытывают трудности с созданием анимации. Решая эту проблему, несколько человек и веб-сайты разработали и создали анимацию кнопок CSS с открытым исходным кодом с кодом, который пользователи могут скопировать. Однако, даже несмотря на эти предыдущие разногласия, анимацию CSS можно преимущественно найти и широко использовать в Интернете.