{"id":10841,"date":"2017-10-28T01:41:25","date_gmt":"2017-10-27T21:41:25","guid":{"rendered":"http:\/\/www.idg.net.ua\/blog\/?page_id=10841"},"modified":"2017-10-28T03:26:55","modified_gmt":"2017-10-27T23:26:55","slug":"play-state","status":"publish","type":"page","link":"https:\/\/idg.net.ua\/blog\/uchebnik-css\/ispolzovanie-css\/css3-animation\/play-state","title":{"rendered":"\u0421\u0432\u043e\u0439\u0441\u0442\u0432\u043e animation-play-state"},"content":{"rendered":"<p>\u0414\u043b\u044f CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0435\u0449\u0435 \u043e\u0434\u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u2014 <code>animation-play-state<\/code>. \u041e\u043d\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c, \u0431\u0443\u0434\u0435\u0442 \u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0438\u043b\u0438 \u0436\u0435 \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u0442\u043e\u044f\u0442\u044c \u043d\u0430 \u043f\u0430\u0443\u0437\u0435. <!--more-->\u0414\u043b\u044f \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u0440\u0435\u0434\u0443\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u044b \u0434\u0432\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f:<\/p>\n<ul>\n<li><code>running<\/code> \u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0438\u0433\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f;<\/li>\n<li><code>paused<\/code> \u2014 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0441\u0442\u043e\u0438\u0442 \u043d\u0430 \u043f\u0430\u0443\u0437\u0435. \u0415\u0441\u043b\u0438 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044e \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043d\u0430 \u043f\u0430\u0443\u0437\u0443, \u0442\u043e \u043e\u043d\u0430 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0441\u044f \u0441 \u0442\u043e\u0433\u043e \u043c\u0435\u0441\u0442\u0430, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u0431\u044b\u043b\u0430 \u043f\u0440\u0438\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430.<\/li>\n<\/ul>\n<p>\u041d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043d\u0438\u0436\u0435 \u043f\u0430\u0443\u0437\u0430 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 \u043a\u0443\u0440\u0441\u043e\u0440\u0430 \u043c\u044b\u0448\u0438 \u043d\u0430 \u0431\u043b\u043e\u043a \u0441 \u043f\u0440\u044b\u0433\u0430\u044e\u0449\u0438\u043c \u043c\u044f\u0447\u043e\u043c. \u0415\u0441\u043b\u0438 \u043a\u0443\u0440\u0441\u043e\u0440 \u0443\u0431\u0440\u0430\u0442\u044c, \u0442\u043e \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0441\u043d\u043e\u0432\u0430 \u0437\u0430\u043f\u0443\u0441\u0442\u0438\u0442\u0441\u044f \u2014 \u043c\u044f\u0447 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442 \u043f\u0440\u044b\u0433\u0430\u0442\u044c:<\/p>\n<link href=\"\/blog\/wp-content\/uploads\/animation-play-state.css\" rel=\"stylesheet\" type=\"text\/css\" \/>\n<div class=\"bounce_ball\"><\/div>\n<p class=\"see-also\"><strong>\u0414\u0430\u043b\u0435\u0435 \u0432 \u0443\u0447\u0435\u0431\u043d\u0438\u043a\u0435:<\/strong> \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0435 <a href=\"\/blog\/uchebnik-css\/ispolzovanie-css\/css3-animation\/animation\" title=\"\u0421\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u043d\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c animation\">\u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e animation<\/a> \u0434\u043b\u044f \u0437\u0430\u043f\u0438\u0441\u0438 \u0432\u0441\u0435\u0445 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0432 \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0435.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0414\u043b\u044f CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0435\u0449\u0435 \u043e\u0434\u043d\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e \u2014 animation-play-state. \u041e\u043d\u043e \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c, \u0431\u0443\u0434\u0435\u0442 \u043b\u0438 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0438\u043b\u0438 \u0436\u0435 \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u0442\u043e\u044f\u0442\u044c \u043d\u0430 \u043f\u0430\u0443\u0437\u0435. <\/p>\n<p><span class=\"more-link\"><a href=\"https:\/\/idg.net.ua\/blog\/uchebnik-css\/ispolzovanie-css\/css3-animation\/play-state\" class=\"more-link\">\u0427\u0438\u0442\u0430\u0442\u044c \u0434\u0430\u043b\u0435\u0435<\/a><\/span><\/p>\n","protected":false},"author":6,"featured_media":0,"parent":10774,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10841"}],"collection":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/comments?post=10841"}],"version-history":[{"count":10,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10841\/revisions"}],"predecessor-version":[{"id":10893,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10841\/revisions\/10893"}],"up":[{"embeddable":true,"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/pages\/10774"}],"wp:attachment":[{"href":"https:\/\/idg.net.ua\/blog\/wp-json\/wp\/v2\/media?parent=10841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}