{"id":15093157,"url":"https://github.com/angular/web-animations-js","last_synced_at":"2025-10-06T11:31:34.434Z","repository":{"id":65977180,"uuid":"189089713","full_name":"angular/web-animations-js","owner":"angular","description":"JavaScript implementation of the Web Animations API","archived":true,"fork":true,"pushed_at":"2019-05-28T19:42:27.000Z","size":2321,"stargazers_count":1,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"dev","last_synced_at":"2024-09-26T11:04:24.417Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://web-animations.github.io","language":"JavaScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"web-animations/web-animations-js","license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/angular.png","metadata":{"files":{"readme":"README.md","changelog":"History.md","contributing":"CONTRIBUTING.md","funding":null,"license":"COPYING","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-28T19:23:09.000Z","updated_at":"2024-03-20T16:37:19.000Z","dependencies_parsed_at":"2023-02-19T18:46:13.537Z","dependency_job_id":null,"html_url":"https://github.com/angular/web-animations-js","commit_stats":null,"previous_names":[],"tags_count":24,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fweb-animations-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fweb-animations-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fweb-animations-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular%2Fweb-animations-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular","download_url":"https://codeload.github.com/angular/web-animations-js/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":219877267,"owners_count":16554853,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-25T11:03:54.531Z","updated_at":"2025-10-06T11:31:29.058Z","avatar_url":"https://github.com/angular.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\nWhat is Web Animations?\n-----------------------\n\nA new JavaScript API for driving animated content on the web. By unifying\nthe animation features of SVG and CSS, Web Animations unlocks features\npreviously only usable declaratively, and exposes powerful, high-performance\nanimation capabilities to developers.\n\nWhat is in this repository?\n---------------------------\n\nA JavaScript implementation of the Web Animations API that provides Web\nAnimation features in browsers that do not support it natively. The polyfill\nfalls back to the native implementation when one is available.\n\nQuick start\n-----------\n\nHere's a simple example of an animation that fades and scales a `\u003cdiv\u003e`.  \n[Try it as a live demo.](http://jsbin.com/yageyezabo/edit?html,js,output)\n\n```html\n\u003c!-- Include the polyfill --\u003e\n\u003cscript src=\"web-animations.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- Set up a target to animate --\u003e\n\u003cdiv class=\"pulse\" style=\"width: 150px;\"\u003eHello world!\u003c/div\u003e\n\n\u003c!-- Animate! --\u003e\n\u003cscript\u003e\n    var elem = document.querySelector('.pulse');\n    var animation = elem.animate({\n        opacity: [0.5, 1],\n        transform: ['scale(0.5)', 'scale(1)'],\n    }, {\n        direction: 'alternate',\n        duration: 500,\n        iterations: Infinity,\n    });\n\u003c/script\u003e\n```\n\nDocumentation\n-------------\n\n* [Codelab tutorial](https://github.com/web-animations/web-animations-codelabs)\n* [Examples of usage](/docs/examples.md)\n* [Live demos](https://web-animations.github.io/web-animations-demos)\n* [MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/Element/animate)\n* [W3C specification](https://drafts.csswg.org/web-animations/)\n\nWe love feedback!\n-----------------\n\n* For feedback on the API and the specification:\n    * File an issue on GitHub: \u003chttps://github.com/w3c/web-animations/issues/new\u003e\n    * Alternatively, send an email to \u003cpublic-fx@w3.org\u003e with subject line\n\"[web-animations] ... message topic ...\"\n([archives](http://lists.w3.org/Archives/Public/public-fx/)).\n\n* For issues with the polyfill, report them on GitHub:\n\u003chttps://github.com/web-animations/web-animations-js/issues/new\u003e.\n\nKeep up-to-date\n---------------\n\nBreaking polyfill changes will be announced on this low-volume mailing list:\n[web-animations-changes@googlegroups.com](https://groups.google.com/forum/#!forum/web-animations-changes).\n\nMore info\n---------\n\n* [Technical details about the polyfill](/docs/support.md)\n    * [Browser support](/docs/support.md#browser-support)\n    * [Fallback to native](/docs/support.md#native-fallback)\n    * [Feature list](/docs/support.md#features)\n    * [Feature deprecation and removal processes](/docs/support.md#process-for-breaking-changes)\n* To test experimental API features, try one of the\n  [experimental targets](/docs/experimental.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fweb-animations-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular%2Fweb-animations-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular%2Fweb-animations-js/lists"}