[{"data":1,"prerenderedAt":349},["ShallowReactive",2],{"6jJpmjlAGX":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":31,"tags":33,"class_list":34,"acf":42,"yoast_head":43,"yoast_head_json":44,"featured_media_src_url":138,"_links":139,"_embedded":187},431,"2024-05-19T11:30:00","2024-05-19T08:30:00",{"rendered":9},"https://api.aoskin.ru/?p=431","2025-07-25T20:30:37","2025-07-25T17:30:37","effekt-pishushhej-mashinki-css-animacziya","publish","post","https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/",{"rendered":17},"Эффект печатной машинки: css анимация",{"rendered":19,"protected":20},"\n\u003Cp class=\"wp-block-paragraph\">Чтобы сделать это эффективно, понадобится короткий текст заголовка (максимум одна строка) и моноширинный шрифт, например Source Code Pro, Roboto Mono, Noto Sans Mono или JetBrains Mono из Google Fonts. Все буквы и символы имеют одинаковую ширину.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">HTML и базовые стили\u003C/h2>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-html\" data-lang=\"HTML\">\u003Ccode><h1>Lorem Ipsum is simply..</h1>\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Добавляем базовые стили заголовку\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>h1 {\n  font-size: 96px;\n  font-weight: 500;\n  color: #403e46;\n  border-right: 4px solid #403e46;\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Анимация будет применяться к свойству border-right: 4px solid #403e46.\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Добавляем эффект мерцания для курсора\u003C/h2>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>animation: cursor 1s infinite step-end;\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Для определения анимации используем @keyframes и свойство border-color чтобы установить состояние из скрытого в видимое. \u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>@keyframes cursor {\n  0%, \n  100% {\n    border-color: transparent;\n  }\n  50% {\n    border-color: #403e46;\n  }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Анимация \u003Cstrong>cursor\u003C/strong> продолжается в бесконечном цикле, вначале и в конце цвет границы прозрачный, а в середине цвет становится темным, тем самым создается эффект бесконечного мерцания границы. \u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Добавляем анимацию для текста\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Чтобы каждая буква появлялась по одной, используем свойство width с единицей измерения ch – это количество символов в тексте заголовка.\u003C/p>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>animation: cursor 1s infinite step-end, typing 15s infinite steps(23);\nwhite-space: nowrap;\noverflow: hidden;\n\n@keyframes typing {\n  0%{ width: 0ch}\n  30%{ width: 23ch }\n  80%{ width: 23ch }\n  90%{ width: 0ch }\n  100%{ width: 0ch }\n}\n\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Свойство white-space: nowrap не позволит словам и буквам накладываться друг на друга и переполняться, overflow: hidden сохраняет другие буквы скрытыми, до момента их появления. Анимация typing 15s infinite steps(23)\u003Cstrong> \u003C/strong>– указывает на продолжительность анимации в 15 секунд, в бесконечном цикле, с шагом 23(кол-во букв в заголовке включая пробелы).\u003C/p>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Полный CSS код:\u003C/h2>\n\n\n\n\u003Cdiv class=\"hcb_wrap\">\u003Cpre class=\"prism line-numbers lang-css\" data-lang=\"CSS\">\u003Ccode>h1 {\n  font-family: "JetBrains Mono", monospace;\n  font-size: 68px;\n  font-weight: 500;\n  color: #403e46;\n  border-right: 4px solid #403e46;\n  animation: cursor 1s infinite step-end, typing 15s infinite steps(23);\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n@keyframes cursor {\n  0%, \n  100% {\n    border-color: transparent;\n  }\n  50% {\n    border-color: #403e46;\n  }\n}\n\n@keyframes typing {\n  0% { width: 0ch }\n  30% { width: 23ch }\n  80% { width: 23ch }\n  90% { width: 0ch }\n  100% { width: 0ch }\n}\u003C/code>\u003C/pre>\u003C/div>\n\n\n\n\u003Ciframe height=\"300\" style=\"width: 100%;\" scrolling=\"no\" title=\"typewriter effect: css animation\" src=\"https://codepen.io/AOskin/embed/YzmQgXZ?default-tab=html%2Cresult\" frameborder=\"no\" loading=\"lazy\" allowtransparency=\"true\" allowfullscreen=\"true\">\n  See the Pen \u003Ca href=\"https://codepen.io/AOskin/pen/YzmQgXZ\">\n  typewriter effect: css animation\u003C/a> by Andrey (\u003Ca href=\"https://codepen.io/AOskin\">@AOskin\u003C/a>)\n  on \u003Ca href=\"https://codepen.io\">CodePen\u003C/a>.\n\u003C/iframe>\n\n\n\n\u003Ch2 class=\"wp-block-heading\">Заключение\u003C/h2>\n\n\n\n\u003Cp class=\"wp-block-paragraph\">Эффект пишущей машинки с помощью CSS-анимации и @keyframes – это стильный и динамичный способ привлечь внимание к тексту на веб-странице. Он создает иллюзию постепенного появления текста, что может быть использовано для интерактивных заголовков, цитат или других элементов, требующих акцента. Простой в реализации, этот эффект добавляет интерактивности и креативности, улучшая пользовательский опыт и делая интерфейс более увлекательным.\u003C/p>\n",false,{"rendered":22,"protected":20},"\u003Cp>Классный анимационный эффект, благодаря которому каждая буква появляется на странице одна за другой, как будто она набирается.\u003C/p>\n",1,712,"open","","standard",{"_acf_changed":20,"_yoast_wpseo_focuskw":29,"_yoast_wpseo_title":26,"_yoast_wpseo_metadesc":30,"footnotes":26},"Эффект пишущей машинки: css анимация","%%sep%% Классный анимационный эффект, благодаря которому каждая буква появляется на странице одна за другой, как будто она набирается.",[32],18,[],[35,14,36,37,38,39,40,41],"post-431","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation",[],"\u003C!-- This site is optimized with the Yoast SEO plugin v27.8 - https://yoast.com/product/yoast-seo-wordpress/ -->\n\u003Ctitle>Эффект печатной машинки: css анимация\u003C/title>\n\u003Cmeta name=\"description\" content=\"- Классный анимационный эффект, благодаря которому каждая буква появляется на странице одна за другой, как будто она набирается.\" 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/effekt-pishushhej-mashinki-css-animacziya/\" 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=\"Эффект печатной машинки: css анимация\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:description\" content=\"- Классный анимационный эффект, благодаря которому каждая буква появляется на странице одна за другой, как будто она набирается.\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:url\" content=\"https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/\" 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=\"2024-05-19T08:30:00+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"article:modified_time\" content=\"2025-07-25T17:30:37+00:00\" class=\"yoast-seo-meta-tag\" />\n\u003Cmeta property=\"og:image\" content=\"https://api.aoskin.ru/wp-content/uploads/2024/05/10.webp\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:width\" content=\"1100\" class=\"yoast-seo-meta-tag\" />\n\t\u003Cmeta property=\"og:image:height\" content=\"616\" 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\\/effekt-pishushhej-mashinki-css-animacziya\\/#article\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/\"},\"author\":{\"name\":\"aoskin\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"headline\":\"Эффект печатной машинки: css анимация\",\"datePublished\":\"2024-05-19T08:30:00+00:00\",\"dateModified\":\"2025-07-25T17:30:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/\"},\"wordCount\":247,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#\\/schema\\/person\\/b5e1c81c85a50ca05e16fcdfa29f4861\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\",\"articleSection\":[\"Animation\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/\",\"name\":\"Эффект печатной машинки: css анимация\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\",\"datePublished\":\"2024-05-19T08:30:00+00:00\",\"dateModified\":\"2025-07-25T17:30:37+00:00\",\"description\":\"- Классный анимационный эффект, благодаря которому каждая буква появляется на странице одна за другой, как будто она набирается.\",\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#primaryimage\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\",\"width\":1100,\"height\":616,\"caption\":\"Эффект пишущей машинки: css анимация\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/effekt-pishushhej-mashinki-css-animacziya\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\/\\/api.aoskin.ru\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Эффект печатной машинки: css анимация\"}]},{\"@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":45,"robots":46,"canonical":15,"og_locale":52,"og_type":53,"og_title":17,"og_description":45,"og_url":15,"og_site_name":54,"article_published_time":55,"article_modified_time":56,"og_image":57,"author":63,"twitter_card":64,"twitter_misc":65,"schema":67},"- Классный анимационный эффект, благодаря которому каждая буква появляется на странице одна за другой, как будто она набирается.",{"index":47,"follow":48,"max-snippet":49,"max-image-preview":50,"max-video-preview":51},"index","follow","max-snippet:-1","max-image-preview:large","max-video-preview:-1","en_US","article","api.aoskin.ru","2024-05-19T08:30:00+00:00","2025-07-25T17:30:37+00:00",[58],{"width":59,"height":60,"url":61,"type":62},1100,616,"https://api.aoskin.ru/wp-content/uploads/2024/05/10.webp","image/webp","aoskin","summary_large_image",{"Written by":63,"Est. reading time":66},"2 minutes",{"@context":68,"@graph":69},"https://schema.org",[70,91,103,105,114,128],{"@type":71,"@id":72,"isPartOf":73,"author":74,"headline":17,"datePublished":55,"dateModified":56,"mainEntityOfPage":76,"wordCount":77,"commentCount":78,"publisher":79,"image":80,"thumbnailUrl":61,"articleSection":82,"inLanguage":84,"potentialAction":85},"Article","https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/#article",{"@id":15},{"name":63,"@id":75},"https://api.aoskin.ru/#/schema/person/b5e1c81c85a50ca05e16fcdfa29f4861",{"@id":15},247,0,{"@id":75},{"@id":81},"https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/#primaryimage",[83],"Animation","en-US",[86],{"@type":87,"name":88,"target":89},"CommentAction","Comment",[90],"https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/#respond",{"@type":92,"@id":15,"url":15,"name":17,"isPartOf":93,"primaryImageOfPage":95,"image":96,"thumbnailUrl":61,"datePublished":55,"dateModified":56,"description":45,"breadcrumb":97,"inLanguage":84,"potentialAction":99},"WebPage",{"@id":94},"https://api.aoskin.ru/#website",{"@id":81},{"@id":81},{"@id":98},"https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/#breadcrumb",[100],{"@type":101,"target":102},"ReadAction",[15],{"@type":104,"inLanguage":84,"@id":81,"url":61,"contentUrl":61,"width":59,"height":60,"caption":29},"ImageObject",{"@type":106,"@id":98,"itemListElement":107},"BreadcrumbList",[108,112],{"@type":109,"position":23,"name":110,"item":111},"ListItem","Home","https://api.aoskin.ru/",{"@type":109,"position":113,"name":17},2,{"@type":115,"@id":94,"url":111,"name":116,"description":26,"publisher":117,"alternateName":116,"potentialAction":118,"inLanguage":84},"WebSite","aoskin.ru",{"@id":75},[119],{"@type":120,"target":121,"query-input":124},"SearchAction",{"@type":122,"urlTemplate":123},"EntryPoint","https://api.aoskin.ru/?s={search_term_string}",{"@type":125,"valueRequired":126,"valueName":127},"PropertyValueSpecification",true,"search_term_string",{"@type":129,"@id":75,"name":63,"image":132,"logo":134,"sameAs":135,"url":137},[130,131],"Person","Organization",{"@type":104,"inLanguage":84,"@id":133,"url":133,"contentUrl":133,"caption":63},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=96&d=mm&r=g",{"@id":133},[136],"http://api.aoskin.ru","https://api.aoskin.ru/author/aoskin/","https://api.aoskin.ru/wp-content/uploads/2024/05/10-1024x573.webp",{"self":140,"collection":150,"about":153,"author":156,"replies":159,"version-history":162,"predecessor-version":166,"wp:featuredmedia":170,"wp:attachment":173,"wp:term":176,"curies":183},[141],{"href":142,"targetHints":143},"https://api.aoskin.ru/wp-json/wp/v2/posts/431",{"allow":144},[145,146,147,148,149],"GET","POST","PUT","PATCH","DELETE",[151],{"href":152},"https://api.aoskin.ru/wp-json/wp/v2/posts",[154],{"href":155},"https://api.aoskin.ru/wp-json/wp/v2/types/post",[157],{"embeddable":126,"href":158},"https://api.aoskin.ru/wp-json/wp/v2/users/1",[160],{"embeddable":126,"href":161},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=431",[163],{"count":164,"href":165},15,"https://api.aoskin.ru/wp-json/wp/v2/posts/431/revisions",[167],{"id":168,"href":169},1599,"https://api.aoskin.ru/wp-json/wp/v2/posts/431/revisions/1599",[171],{"embeddable":126,"href":172},"https://api.aoskin.ru/wp-json/wp/v2/media/712",[174],{"href":175},"https://api.aoskin.ru/wp-json/wp/v2/media?parent=431",[177,180],{"taxonomy":178,"embeddable":126,"href":179},"category","https://api.aoskin.ru/wp-json/wp/v2/categories?post=431",{"taxonomy":181,"embeddable":126,"href":182},"post_tag","https://api.aoskin.ru/wp-json/wp/v2/tags?post=431",[184],{"name":185,"href":186,"templated":126},"wp","https://api.w.org/{rel}",{"author":188,"wp:featuredmedia":237,"wp:term":299},[189],{"id":23,"name":63,"url":136,"description":26,"link":137,"slug":63,"avatar_urls":190,"yoast_head":193,"yoast_head_json":194,"acf":228,"_links":229},{"24":191,"48":192,"96":133},"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 v27.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":195,"robots":196,"canonical":137,"og_locale":52,"og_type":197,"og_title":195,"og_url":137,"og_site_name":54,"og_image":198,"twitter_card":64,"schema":201},"aoskin, Author at api.aoskin.ru",{"index":47,"follow":48,"max-snippet":49,"max-image-preview":50,"max-video-preview":51},"profile",[199],{"url":200,"type":26,"width":26,"height":26},"https://secure.gravatar.com/avatar/e5e502e32ef7d2bf805592a42dd48d98a3587a37b0e98191f187c9c37e7529fb?s=500&d=mm&r=g",{"@context":68,"@graph":202},[203,211,216,222],{"@type":204,"@id":137,"url":137,"name":195,"isPartOf":205,"breadcrumb":206,"inLanguage":84,"potentialAction":208},"ProfilePage",{"@id":94},{"@id":207},"https://api.aoskin.ru/author/aoskin/#breadcrumb",[209],{"@type":101,"target":210},[137],{"@type":106,"@id":207,"itemListElement":212},[213,214],{"@type":109,"position":23,"name":110,"item":111},{"@type":109,"position":113,"name":215},"Archives for aoskin",{"@type":115,"@id":94,"url":111,"name":116,"description":26,"publisher":217,"alternateName":116,"potentialAction":218,"inLanguage":84},{"@id":75},[219],{"@type":120,"target":220,"query-input":221},{"@type":122,"urlTemplate":123},{"@type":125,"valueRequired":126,"valueName":127},{"@type":223,"@id":75,"name":63,"image":224,"logo":225,"sameAs":226,"mainEntityOfPage":227},[130,131],{"@type":104,"inLanguage":84,"@id":133,"url":133,"contentUrl":133,"caption":63},{"@id":133},[136],{"@id":137},[],{"self":230,"collection":234},[231],{"href":158,"targetHints":232},{"allow":233},[145,146,147,148,149],[235],{"href":236},"https://api.aoskin.ru/wp-json/wp/v2/users",[238],{"id":24,"date":239,"slug":240,"type":241,"link":242,"title":243,"author":23,"featured_media":78,"acf":244,"caption":245,"alt_text":29,"media_type":247,"mime_type":62,"media_details":248,"source_url":61,"_links":279},"2024-08-02T15:34:52","10","attachment","https://api.aoskin.ru/effekt-pishushhej-mashinki-css-animacziya/attachment/10/",{"rendered":240},[],{"rendered":246},"\u003Cp>Эффект пишущей машинки: css анимация\u003C/p>\n","image",{"width":59,"height":60,"file":249,"filesize":250,"sizes":251,"image_meta":276},"2024/05/10.webp",779854,{"medium":252,"large":258,"thumbnail":263,"medium_large":268,"full":274},{"file":253,"width":254,"height":255,"filesize":256,"mime_type":62,"source_url":257},"10-300x168.webp",300,168,14236,"https://api.aoskin.ru/wp-content/uploads/2024/05/10-300x168.webp",{"file":259,"width":260,"height":261,"filesize":262,"mime_type":62,"source_url":138},"10-1024x573.webp",1024,573,70202,{"file":264,"width":265,"height":265,"filesize":266,"mime_type":62,"source_url":267},"10-150x150.webp",150,8220,"https://api.aoskin.ru/wp-content/uploads/2024/05/10-150x150.webp",{"file":269,"width":270,"height":271,"filesize":272,"mime_type":62,"source_url":273},"10-768x430.webp",768,430,49754,"https://api.aoskin.ru/wp-content/uploads/2024/05/10-768x430.webp",{"file":275,"width":59,"height":60,"mime_type":62,"source_url":61},"10.webp",{"aperture":277,"credit":26,"camera":26,"caption":26,"created_timestamp":277,"copyright":26,"focal_length":277,"iso":277,"shutter_speed":277,"title":26,"orientation":277,"keywords":278},"0",[],{"self":280,"collection":284,"about":287,"author":290,"replies":292,"wp:attached-to":295,"curies":297},[281],{"href":172,"targetHints":282},{"allow":283},[145,146,147,148,149],[285],{"href":286},"https://api.aoskin.ru/wp-json/wp/v2/media",[288],{"href":289},"https://api.aoskin.ru/wp-json/wp/v2/types/attachment",[291],{"embeddable":126,"href":158},[293],{"embeddable":126,"href":294},"https://api.aoskin.ru/wp-json/wp/v2/comments?post=712",[296],{"embeddable":126,"post_type":14,"id":5,"href":142},[298],{"name":185,"href":186,"templated":126},[300,348],[301],{"id":32,"link":302,"name":83,"slug":303,"taxonomy":178,"yoast_head":304,"yoast_head_json":305,"acf":330,"_links":331},"https://api.aoskin.ru/category/animation/","animation","\u003C!-- This site is optimized with the Yoast SEO plugin v27.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/category/animation/\" 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/category/animation/\" 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\\/category\\/animation\\/\",\"url\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/\",\"name\":\"Animation Archives - api.aoskin.ru\",\"isPartOf\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\/\\/api.aoskin.ru\\/category\\/animation\\/#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\\/2024\\/05\\/10.webp\",\"url\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\",\"contentUrl\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\",\"width\":1100,\"height\":616,\"caption\":\"aoskin\"},\"logo\":{\"@id\":\"https:\\/\\/api.aoskin.ru\\/wp-content\\/uploads\\/2024\\/05\\/10.webp\"},\"sameAs\":[\"http:\\/\\/api.aoskin.ru\"]}]}\u003C/script>\n\u003C!-- / Yoast SEO plugin. -->",{"title":306,"robots":307,"canonical":302,"og_locale":52,"og_type":53,"og_title":306,"og_url":302,"og_site_name":54,"twitter_card":64,"schema":308},"Animation Archives - api.aoskin.ru",{"index":47,"follow":48,"max-snippet":49,"max-image-preview":50,"max-video-preview":51},{"@context":68,"@graph":309},[310,315,319,325],{"@type":311,"@id":302,"url":302,"name":306,"isPartOf":312,"breadcrumb":313,"inLanguage":84},"CollectionPage",{"@id":94},{"@id":314},"https://api.aoskin.ru/category/animation/#breadcrumb",{"@type":106,"@id":314,"itemListElement":316},[317,318],{"@type":109,"position":23,"name":110,"item":111},{"@type":109,"position":113,"name":83},{"@type":115,"@id":94,"url":111,"name":116,"description":26,"publisher":320,"alternateName":116,"potentialAction":321,"inLanguage":84},{"@id":75},[322],{"@type":120,"target":323,"query-input":324},{"@type":122,"urlTemplate":123},{"@type":125,"valueRequired":126,"valueName":127},{"@type":326,"@id":75,"name":63,"image":327,"logo":328,"sameAs":329},[130,131],{"@type":104,"inLanguage":84,"@id":61,"url":61,"contentUrl":61,"width":59,"height":60,"caption":63},{"@id":61},[136],[],{"self":332,"collection":337,"about":340,"wp:post_type":343,"curies":346},[333],{"href":334,"targetHints":335},"https://api.aoskin.ru/wp-json/wp/v2/categories/18",{"allow":336},[145,146,147,148,149],[338],{"href":339},"https://api.aoskin.ru/wp-json/wp/v2/categories",[341],{"href":342},"https://api.aoskin.ru/wp-json/wp/v2/taxonomies/category",[344],{"href":345},"https://api.aoskin.ru/wp-json/wp/v2/posts?categories=18",[347],{"name":185,"href":186,"templated":126},[],1782055332021]