{"json_modified": "2016-04-28T05:38:38.525426", "uuid": "505ecc3d-1f66-4ccc-855e-9e52f5e00cc4", "title": "Web animations on large screens", "url": "/en-US/docs/Mozilla/Firefox_OS_for_TV/Web_animations_on_large_screen", "tags": ["Layers", "web animations api", "transition", "large screen", "animation", "CSS", "JavaScript", "requestAnimationFrame", "Animation", "TV"], "translations": [], "modified": "2016-04-28T05:38:38", "label": "Web animations on large screens", "localization_tags": [], "locale": "en-US", "id": 159987, "last_edit": "2016-04-28T05:38:36", "summary": "Animations are cool, especially on large screens, so Firefox OS on TV features a lot of smooth, subtle animations to enhance user experience. This article provides guidance for creating effective animations that work well on large screens.", "sections": [{"id": "Graphics_performance_basics", "title": "Graphics performance basics"}, {"id": "Layers", "title": "Layers"}, {"id": "CSS-based_animations", "title": "CSS-based animations"}, {"id": "JavaScript-based_animations", "title": "JavaScript-based animations"}, {"id": "Building_a_Menu_Group_web_component_with_CSS_Transitions", "title": "Building a \"Menu Group\" web component with CSS Transitions"}, {"id": "Disadvantages_of_using_CSS_transitions", "title": "Disadvantages of using CSS transitions"}, {"id": "Getting_started_with_Web_Animations", "title": "Getting started with Web Animations"}], "slug": "Mozilla/Firefox_OS_for_TV/Web_animations_on_large_screen", "review_tags": []}