[{"data":1,"prerenderedAt":348},["ShallowReactive",2],{"ma9nM1pSg0":3},[4],{"id":5,"date":6,"date_gmt":7,"guid":8,"modified":10,"modified_gmt":11,"slug":12,"status":13,"type":14,"link":15,"title":16,"content":18,"excerpt":21,"author":23,"featured_media":24,"comment_status":25,"ping_status":25,"sticky":20,"template":26,"format":27,"meta":28,"categories":30,"tags":32,"class_list":33,"acf":41,"yoast_head":42,"yoast_head_json":43,"featured_media_src_url":137,"_links":138,"_embedded":185},1782,"2025-09-21T11:11:51","2025-09-21T08:11:51",{"rendered":9},"https://api.aoskin.ru/?p=1782","2025-11-25T11:12:44","2025-11-25T08:12:44","ultra-responsive-animations-animations-under-control","publish","post","https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/",{"rendered":17},"Ultra-Responsive Animations: Animations under control",{"rendered":19,"protected":20},"\n\u003Cp class=\"wp-block-paragraph\">And then we see how it is at a different resolution:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>The element moves in the wrong direction,\u003C/li>\n\n\n\n\u003Cli>The parallax starts jumping,\u003C/li>\n\n\n\n\u003Cli>Distances break,\u003C/li>\n\n\n\n\u003Cli>Scroll animations stretch,\u003C/li>\n\n\n\n\u003Cli>The adaptive animation interrupts the movement.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">In 2024–2025, we received powerful new tools that allow us to create Ultra-Responsive Animations – effects that remain perfect on any device, even smart TVs and small mobile phones.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">What are Ultra-Responsive Animations?\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">This approach allows animation to:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Adapt to screen sizes (using adaptive units – \u003Ccode>lvh\u003C/code>, \u003Ccode>svh\u003C/code>, \u003Ccode>cqw\u003C/code>, etc.),\u003C/li>\n\n\n\n\u003Cli>Respond to container dimensions (via \u003Ccode>@container\u003C/code> and container-relative units),\u003C/li>\n\n\n\n\u003Cli>Change timing and distances depending on the device (for example, animations are shorter on mobile devices),\u003C/li>\n\n\n\n\u003Cli>Not rely on fixed pixels (no \u003Ccode>translateX(200px)\u003C/code>, etc.),\u003C/li>\n\n\n\n\u003Cli>Be based on percentage progress rather than absolute values ​​(Scroll-Driven Animations, View Timelines).\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">This is an animation that lives alongside the layout, where the main idea is that the animation takes into account not where the element “should be”, but where it “is” in the current layout.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">New adaptive units\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Modern CSS units allow you to avoid pixels, which is what makes animations flexible.\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Ccode>lvh\u003C/code> (Large viewport height) – ideal for mobile Safari UI,\u003C/li>\n\n\n\n\u003Cli>\u003Ccode>svh\u003C/code> (Small viewport height) – doesn’t jump when scrolling,\u003C/li>\n\n\n\n\u003Cli>\u003Ccode>dvh\u003C/code> (Dynamic viewport height) – takes keyboard input into account.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Example:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.hero {\n  transform: translateY(calc(10svh));\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">An example of using container units (cqw, cqh, cqi, cqb), where we move the element not by 300px, but by 50cqw (50% of the container width):\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.container {\n  container-type: inline-size;\n  position: relative;\n}\n\n.box {\n  animation: move 1.2s ease;\n}\n\n@keyframes move {\n  from { transform: translateX(-50cqw); }\n  to { transform: translateX(0); }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Container Queries: Adapting Animation to Layout\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">With \u003Ccode>@container\u003C/code> , you can change the following depending on the container’s size:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Duration,\u003C/li>\n\n\n\n\u003Cli>Distance,\u003C/li>\n\n\n\n\u003Cli>Direction,\u003C/li>\n\n\n\n\u003Cli>Animation intensity.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">An example where the animation is faster and shorter on wide screens:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>.box {\n  animation: slide 1.2s ease;\n}\n\n@container (width >= 768px) {\n  .box {\n    animation-duration: 0.8s;\n    animation-timing-function: ease-out;\n  }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Scalable aspect ratios via CSS custom properties\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">An example of using variables that depend on the screen:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>:root {\n  --distance: 20cqw;\n  --duration: 0.5s;\n}\n\n@media (width >= 768px) {\n  :root {\n    --distance: 10cqw;\n    --duration: 0.8s;\n  }\n}\n\n.box {\n  animation: move var(--duration) ease;\n}\n\n@keyframes move {\n  to {\n    transform: translateX(var(--distance));\n  }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Ultra-responsive GSAP (if JS is needed)\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">An example where GSAP works perfectly with CSS variables and matchMedia:\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\">\u003Ccode>gsap.matchMedia().add(\n  {\n    mobile: '(width <= 767px)',\n    desktop: '(width >= 768px)',\n   },\n   (ctx) => {\n     const mm = ctx.conditions;\n\n     gsap.to('.box', {\n       x: mm.mobile ? '40vw' : '20vw',\n       duration: mm.mobile ? 0.4 : 0.7,\n       ease: 'power2.out',\n     });\n   }\n);\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">What can break adaptive animations?\u003C/h2>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>Fixed \u003Ccode>translate/scale\u003C/code> values ​​in pixels (\u003Ccode>transform: translateY(300px)\u003C/code>) – breaks on mobile devices.\u003C/li>\n\n\n\n\u003Cli>Animations tied to typesetting – text wraps, layout breaks, animations slip.\u003C/li>\n\n\n\n\u003Cli>Scroll animations without a view-timeline – the effect plays at different times at different screen heights.\u003C/li>\n\n\n\n\u003Cli>Animations with fixed delays – the delay feels too long on small devices.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Conclusion\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Ultra-Responsive Animations are the new animation standard in web development. These animations are:\u003C/p>\n\n\n\n\u003Cul class=\"wp-block-list\">\n\u003Cli>\u003Cstrong>Flexible\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Adaptive\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Container-aware\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Precise\u003C/strong>,\u003C/li>\n\n\n\n\u003Cli>\u003Cstrong>Never break\u003C/strong> under any circumstances.\u003C/li>\n\u003C/ul>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">\u003C/p>\n",false,{"rendered":22,"protected":20},"\u003Cp>The problem with most animations on the web is that they are created for a specific layout.\u003C/p>\n",1,1781,"open","","standard",{"_acf_changed":20,"_yoast_wpseo_focuskw":26,"_yoast_wpseo_title":26,"_yoast_wpseo_metadesc":29,"footnotes":26},"%%sep%% Powerful new tools allow you to create Ultra-Responsive Animations - effects for all devices from TV to mobile.",[31],57,[],[34,14,35,36,37,38,39,40],"post-1782","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation-en",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Ultra-Responsive Animations: Animations under control\u003C/title>\n\u003Cmeta name=\"description\" content=\"- Powerful new tools allow you to create Ultra-Responsive Animations - effects for all devices from TV to mobile.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"Ultra-Responsive Animations: Animations under control\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:description\" content=\"- Powerful new tools allow you to create Ultra-Responsive Animations - effects for all devices from TV to mobile.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:published_time\" content=\"2025-09-21T08:11:51+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2025-11-25T08:12:44+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation.webp\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1232\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"928\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:type\" content=\"image/webp\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"author\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:label1\" content=\"Written by\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data1\" content=\"aoskin\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:label2\" content=\"Est. reading time\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta name=\"twitter:data2\" content=\"2 minutes\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/\"},\"author\":{\"name\":\"aoskin\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"headline\":\"Ultra-Responsive Animations: Animations under control\",\"datePublished\":\"2025-09-21T08:11:51+00:00\",\"dateModified\":\"2025-11-25T08:12:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/\"},\"wordCount\":378,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"articleSection\":[\"Animation\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/\",\"name\":\"Ultra-Responsive Animations: Animations under control\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"datePublished\":\"2025-09-21T08:11:51+00:00\",\"dateModified\":\"2025-11-25T08:12:44+00:00\",\"description\":\"- Powerful new tools allow you to create Ultra-Responsive Animations - effects for all devices from TV to mobile.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#primaryimage\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"width\":1232,\"height\":928},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/ultra-responsive-animations-animations-under-control\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ultra-Responsive Animations: Animations under control\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":17,"description":44,"robots":45,"canonical":15,"og_locale":51,"og_type":52,"og_title":17,"og_description":44,"og_url":15,"og_site_name":53,"article_published_time":54,"article_modified_time":55,"og_image":56,"author":62,"twitter_card":63,"twitter_misc":64,"schema":66},"- Powerful new tools allow you to create Ultra-Responsive Animations - effects for all devices from TV to mobile.",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","en_US","article","api.aoskin.ru","2025-09-21T08:11:51+00:00","2025-11-25T08:12:44+00:00",[57],{"width":58,"height":59,"url":60,"type":61},1232,928,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation.webp","image/webp","aoskin","summary_large_image",{"Written by":62,"Est. reading time":65},"2 minutes",{"@context":67,"@graph":68},"https://schema.org",[69,90,102,104,113,127],{"@type":70,"@id":71,"isPartOf":72,"author":73,"headline":17,"datePublished":54,"dateModified":55,"mainEntityOfPage":75,"wordCount":76,"commentCount":77,"publisher":78,"image":79,"thumbnailUrl":60,"articleSection":81,"inLanguage":83,"potentialAction":84},"Article","https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/#article",{"@id":15},{"name":62,"@id":74},"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861",{"@id":15},378,0,{"@id":74},{"@id":80},"https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/#primaryimage",[82],"Animation","en-US",[85],{"@type":86,"name":87,"target":88},"CommentAction","Comment",[89],"https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/#respond",{"@type":91,"@id":15,"url":15,"name":17,"isPartOf":92,"primaryImageOfPage":94,"image":95,"thumbnailUrl":60,"datePublished":54,"dateModified":55,"description":44,"breadcrumb":96,"inLanguage":83,"potentialAction":98},"WebPage",{"@id":93},"https://api.aoskin.ru/#website",{"@id":80},{"@id":80},{"@id":97},"https://api.aoskin.ru/en/ultra-responsive-animations-animations-under-control/#breadcrumb",[99],{"@type":100,"target":101},"ReadAction",[15],{"@type":103,"inLanguage":83,"@id":80,"url":60,"contentUrl":60,"width":58,"height":59},"ImageObject",{"@type":105,"@id":97,"itemListElement":106},"BreadcrumbList",[107,111],{"@type":108,"position":23,"name":109,"item":110},"ListItem","Home","https://api.aoskin.ru/",{"@type":108,"position":112,"name":17},2,{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":116,"alternateName":115,"potentialAction":117,"inLanguage":83},"WebSite","aoskin.ru",{"@id":74},[118],{"@type":119,"target":120,"query-input":123},"SearchAction",{"@type":121,"urlTemplate":122},"EntryPoint","https://api.aoskin.ru/?s={search_term_string}",{"@type":124,"valueRequired":125,"valueName":126},"PropertyValueSpecification",true,"search_term_string",{"@type":128,"@id":74,"name":62,"image":131,"logo":133,"sameAs":134,"url":136},[129,130],"Person","Organization",{"@type":103,"inLanguage":83,"@id":132,"url":132,"contentUrl":132,"caption":62},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g",{"@id":132},[135],"http://api.aoskin.ru","https://api.aoskin.ru/author/aoskin/","https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-1024x771.webp",{"self":139,"collection":149,"about":152,"author":155,"replies":158,"version-history":161,"predecessor-version":164,"wp:featuredmedia":168,"wp:attachment":171,"wp:term":174,"curies":181},[140],{"href":141,"targetHints":142},"https://api.aoskin.ru/wp-json/wp/v2/posts/1782",{"allow":143},[144,145,146,147,148],"GET","POST","PUT","PATCH","DELETE",[150],{"href":151},"https://api.aoskin.ru/wp-json/wp/v2/posts",[153],{"href":154},"https://api.aoskin.ru/wp-json/wp/v2/types/post",[156],{"embeddable":125,"href":157},"https://api.aoskin.ru/wp-json/wp/v2/users/1",[159],{"embeddable":125,"href":160},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1782",[162],{"count":23,"href":163},"https://api.aoskin.ru/wp-json/wp/v2/posts/1782/revisions",[165],{"id":166,"href":167},1784,"https://api.aoskin.ru/wp-json/wp/v2/posts/1782/revisions/1784",[169],{"embeddable":125,"href":170},"https://api.aoskin.ru/wp-json/wp/v2/media/1781",[172],{"href":173},"https://api.aoskin.ru/wp-json/wp/v2/media?parent=1782",[175,178],{"taxonomy":176,"embeddable":125,"href":177},"category","https://api.aoskin.ru/wp-json/wp/v2/categories?post=1782",{"taxonomy":179,"embeddable":125,"href":180},"post_tag","https://api.aoskin.ru/wp-json/wp/v2/tags?post=1782",[182],{"name":183,"href":184,"templated":125},"wp","https://api.w.org/{rel}",{"author":186,"wp:featuredmedia":235,"wp:term":298},[187],{"id":23,"name":62,"url":135,"description":26,"link":136,"slug":62,"avatar_urls":188,"yoast_head":191,"yoast_head_json":192,"acf":226,"_links":227},{"24":189,"48":190,"96":132},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=24&d=mm&r=g","https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=48&d=mm&r=g","\u003C!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>aoskin, Author at api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"profile\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"aoskin, Author at api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/author/aoskin/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"ProfilePage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\",\"name\":\"aoskin, Author at api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Archives for aoskin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"url\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\",\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/secure.gravatar.com\\/avatar\\/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"],\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/author\\/aoskin\\/\"}}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":193,"robots":194,"canonical":136,"og_locale":51,"og_type":195,"og_title":193,"og_url":136,"og_site_name":53,"og_image":196,"twitter_card":63,"schema":199},"aoskin, Author at api.aoskin.ru",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},"profile",[197],{"url":198,"type":26,"width":26,"height":26},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g",{"@context":67,"@graph":200},[201,209,214,220],{"@type":202,"@id":136,"url":136,"name":193,"isPartOf":203,"breadcrumb":204,"inLanguage":83,"potentialAction":206},"ProfilePage",{"@id":93},{"@id":205},"https://api.aoskin.ru/author/aoskin/#breadcrumb",[207],{"@type":100,"target":208},[136],{"@type":105,"@id":205,"itemListElement":210},[211,212],{"@type":108,"position":23,"name":109,"item":110},{"@type":108,"position":112,"name":213},"Archives for aoskin",{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":215,"alternateName":115,"potentialAction":216,"inLanguage":83},{"@id":74},[217],{"@type":119,"target":218,"query-input":219},{"@type":121,"urlTemplate":122},{"@type":124,"valueRequired":125,"valueName":126},{"@type":221,"@id":74,"name":62,"image":222,"logo":223,"sameAs":224,"mainEntityOfPage":225},[129,130],{"@type":103,"inLanguage":83,"@id":132,"url":132,"contentUrl":132,"caption":62},{"@id":132},[135],{"@id":136},[],{"self":228,"collection":232},[229],{"href":157,"targetHints":230},{"allow":231},[144,145,146,147,148],[233],{"href":234},"https://api.aoskin.ru/wp-json/wp/v2/users",[236],{"id":24,"date":237,"slug":238,"type":239,"link":240,"title":241,"author":23,"featured_media":77,"acf":242,"caption":243,"alt_text":26,"media_type":244,"mime_type":61,"media_details":245,"source_url":60,"_links":276},"2025-11-25T10:56:21","45-ultra-responsive-animation","attachment","https://api.aoskin.ru/ultra-responsive-animations-animaczii-pod-kontrolem/45-ultra-responsive-animation/",{"rendered":238},[],{"rendered":26},"image",{"width":58,"height":59,"file":246,"filesize":247,"sizes":248,"image_meta":273},"2025/11/45-ultra-responsive-animation.webp",42874,{"medium":249,"large":255,"thumbnail":260,"medium_large":265,"full":271},{"file":250,"width":251,"height":252,"filesize":253,"mime_type":61,"source_url":254},"45-ultra-responsive-animation-300x226.webp",300,226,9096,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-300x226.webp",{"file":256,"width":257,"height":258,"filesize":259,"mime_type":61,"source_url":137},"45-ultra-responsive-animation-1024x771.webp",1024,771,45018,{"file":261,"width":262,"height":262,"filesize":263,"mime_type":61,"source_url":264},"45-ultra-responsive-animation-150x150.webp",150,4522,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-150x150.webp",{"file":266,"width":267,"height":268,"filesize":269,"mime_type":61,"source_url":270},"45-ultra-responsive-animation-768x578.webp",768,578,31568,"https://api.aoskin.ru/wp-content/uploads/2025/11/45-ultra-responsive-animation-768x578.webp",{"file":272,"width":58,"height":59,"mime_type":61,"source_url":60},"45-ultra-responsive-animation.webp",{"aperture":274,"credit":26,"camera":26,"caption":26,"created_timestamp":274,"copyright":26,"focal_length":274,"iso":274,"shutter_speed":274,"title":26,"orientation":274,"keywords":275},"0",[],{"self":277,"collection":281,"about":284,"author":287,"replies":289,"wp:attached-to":292,"curies":296},[278],{"href":170,"targetHints":279},{"allow":280},[144,145,146,147,148],[282],{"href":283},"https://api.aoskin.ru/wp-json/wp/v2/media",[285],{"href":286},"https://api.aoskin.ru/wp-json/wp/v2/types/attachment",[288],{"embeddable":125,"href":157},[290],{"embeddable":125,"href":291},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=1781",[293],{"embeddable":125,"post_type":14,"id":294,"href":295},1774,"https://api.aoskin.ru/wp-json/wp/v2/posts/1774",[297],{"name":183,"href":184,"templated":125},[299,347],[300],{"id":31,"link":301,"name":82,"slug":302,"taxonomy":176,"yoast_head":303,"yoast_head_json":304,"acf":329,"_links":330},"https://api.aoskin.ru/en/category/animation-en/","animation-en","\u003C!-- This site is optimized with the Yoast SEO plugin v28.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Animation Archives - api.aoskin.ru\u003C/title>\n\u003C!-- Admin only notice: this page does not show a meta description because it does not have one, either write it for this page specifically or go into the [Yoast SEO - Settings] menu and set up a template. -->\n\u003Cmeta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" />\n\u003Clink rel=\"canonical\" href=\"https://api.aoskin.ru/en/category/animation-en/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:locale\" content=\"en_US\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:type\" content=\"article\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:title\" content=\"Animation Archives - api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/en/category/animation-en/\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:site_name\" content=\"api.aoskin.ru\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta name=\"twitter:card\" content=\"summary_large_image\" class=\"yoast-seo-meta-tag\" />\n\u003Cscript type=\"application/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\/\\/schema.org\",\"@graph\":[{\"@type\":\"CollectionPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/animation-en\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/animation-en\\/\",\"name\":\"Animation Archives - api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/animation-en\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/en\\/category\\/animation-en\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\",\"url\":\"https:\\/\\/api.aoskin.ru\\/\",\"name\":\"aoskin.ru\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"alternateName\":\"aoskin.ru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\/\\/api.aoskin.ru\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\",\"name\":\"aoskin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\",\"width\":1232,\"height\":928,\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2025\\/11\\/45-ultra-responsive-animation.webp\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":305,"robots":306,"canonical":301,"og_locale":51,"og_type":52,"og_title":305,"og_url":301,"og_site_name":53,"twitter_card":63,"schema":307},"Animation Archives - api.aoskin.ru",{"index":46,"follow":47,"max-snippet":48,"max-image-preview":49,"max-video-preview":50},{"@context":67,"@graph":308},[309,314,318,324],{"@type":310,"@id":301,"url":301,"name":305,"isPartOf":311,"breadcrumb":312,"inLanguage":83},"CollectionPage",{"@id":93},{"@id":313},"https://api.aoskin.ru/en/category/animation-en/#breadcrumb",{"@type":105,"@id":313,"itemListElement":315},[316,317],{"@type":108,"position":23,"name":109,"item":110},{"@type":108,"position":112,"name":82},{"@type":114,"@id":93,"url":110,"name":115,"description":26,"publisher":319,"alternateName":115,"potentialAction":320,"inLanguage":83},{"@id":74},[321],{"@type":119,"target":322,"query-input":323},{"@type":121,"urlTemplate":122},{"@type":124,"valueRequired":125,"valueName":126},{"@type":325,"@id":74,"name":62,"image":326,"logo":327,"sameAs":328},[129,130],{"@type":103,"inLanguage":83,"@id":60,"url":60,"contentUrl":60,"width":58,"height":59,"caption":62},{"@id":60},[135],[],{"self":331,"collection":336,"about":339,"wp:post_type":342,"curies":345},[332],{"href":333,"targetHints":334},"https://api.aoskin.ru/wp-json/wp/v2/categories/57",{"allow":335},[144,145,146,147,148],[337],{"href":338},"https://api.aoskin.ru/wp-json/wp/v2/categories",[340],{"href":341},"https://api.aoskin.ru/wp-json/wp/v2/taxonomies/category",[343],{"href":344},"https://api.aoskin.ru/wp-json/wp/v2/posts?categories=57",[346],{"name":183,"href":184,"templated":125},[],1793437403778]