- "html": "<p>While an element is <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-contain-2/#skips-its-contents\" id=\"ref-for-skips-its-contents④②\">skipped</a>,\nCSS transitions and animations on the element do not update:</p>\n <ul>\n <li data-md=\"\">\n <p>New animations are not created even if newly-applied style would start one.</p>\n </li><li data-md=\"\">\n <p>Existing animations do not advance in their timeline.</p>\n </li><li data-md=\"\">\n <p>Running animations on the element do not end.</p>\n </li></ul>\n <p>If script queries the style of a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-contain-2/#skips-its-contents\" id=\"ref-for-skips-its-contents④③\">skipped</a> element\n(causing a <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-transitions-1/#style-change-event\" id=\"ref-for-style-change-event\">style change event</a>)\nsuch that knowing the state of animations or transitions is required\nto return correct information,\nanimation and transitions are sampled\naccording to the styles at the time of that <span id=\"ref-for-style-change-event①\">style change event</span>:</p>\n \n <p><a href=\"https://drafts.csswg.org/css-animations-2/#events\"><cite>CSS Animations 2</cite> § 5 Animation Events</a> and <a href=\"https://drafts.csswg.org/css-transitions-2/#transition-events\"><cite>CSS Transitions 2</cite> § 5 Transition Events</a> defines what objects are created\nand what events are fired,\nwith what data,\nwhen an animation or transition is updated,.</p>\n <p>When an element stops being <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-contain-2/#skips-its-contents\" id=\"ref-for-skips-its-contents④④\">skipped</a>,\nanimations and transitions are sampled\nand then resume advancing on their timelines as normal from that point.</p>"
0 commit comments