{"id":7595,"date":"2024-01-19T17:01:00","date_gmt":"2024-01-19T17:01:00","guid":{"rendered":"https:\/\/codehim.com\/?p=7595"},"modified":"2024-01-22T15:02:13","modified_gmt":"2024-01-22T10:02:13","slug":"moving-text-animation-css","status":"publish","type":"post","link":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/","title":{"rendered":"Moving Text Animation CSS"},"content":{"rendered":"<p>This CSS code snippet helps you to create moving text animation. It uses CSS3 keyframes to move text in both left and right direction. Similarly, it also demonstrate the moving text using HTML marquee tag.<\/p>\n<p>You can use this moving text animation for <a href=\"https:\/\/codehim.com\/html5-css3\/breaking-news-ticker-html-code\/\">news ticker<\/a> and latest updates. You just need to place your text inside its markup, then it will started moving.<\/p>\n<h2>How to Create Moving Text Animation<\/h2>\n<p>1. Fist of all, create the HTML structure for moving text animation as follows. You can use the &#8220;example-left&#8221; and &#8220;example-right&#8221; to set the moving direction.<\/p>\n<p>The marquee tag do the same job but it has been deprecated in HTML5. So, use the given CSS classes to make the animated scrolling text.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;section class=\"early\"&gt;\r\n\r\n&lt;article&gt;\r\n   &lt;p class=\"example-right\"&gt;CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code &amp; scripts.&lt;\/p&gt;\r\n&lt;\/article&gt;\r\n&lt;article&gt;\r\n    &lt;p class=\"example-left\"&gt;CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code &amp; scripts.&lt;\/p&gt;\r\n  \r\n   &lt;p class=\"example-right\"&gt;CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code &amp; scripts.&lt;\/p&gt;\r\n  \r\n  &lt;\/article&gt;\r\n\r\n\r\n&lt;article&gt;\r\n&lt;marquee behavior=\"scroll\" direction=\"left\"&gt;Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here&lt;\/marquee&gt;\r\n\r\n&lt;marquee behavior=\"scroll\" direction=\"right\"&gt;Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here &lt;\/marquee&gt;\r\n&lt;\/article&gt;\r\n\r\n  &lt;article&gt;\r\n    &lt;p class=\"example-left\"&gt;Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your scrolling text goes here Your&lt;\/p&gt; \r\n  &lt;\/article&gt;\r\n  &lt;\/section&gt;\r\n<\/pre>\n<p>2. Use the following CSS to move text.<\/p>\n<pre class=\"prettyprint linenums lang-css\">article {\r\n  max-width: 600px;\r\n  margin: 1em auto;\r\n  overflow: hidden;\r\n  position: relative;\r\n  min-height: 4em;\r\n}\r\n\r\n.example-left {\r\n  white-space: nowrap;\r\n  position: absolute;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.example-left {\r\n  -webkit-animation: mymove 8s linear infinite; \/* Safari 4.0 - 8.0 *\/\r\n  white-space: nowrap;\r\n  animation: mymove 8s linear infinite alternate;\r\n}\r\n\r\n\/* Safari 4.0 - 8.0 *\/\r\n@-webkit-keyframes mymove {\r\n  from {\r\n    left: 0;\r\n  }\r\n  to {\r\n    left: -140px;\r\n  }\r\n}\r\n\r\n@keyframes mymove {\r\n  from {\r\n    left: 0;\r\n  }\r\n  to {\r\n    left: -140px;\r\n  }\r\n}\r\n\r\n\r\n.example-right {\r\n  white-space: nowrap;\r\n  position: absolute;\r\n  top:2em;\r\n  opacity: .4;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.example-right {\r\n  -webkit-animation: urmove 8s linear infinite; \/* Safari 4.0 - 8.0 *\/\r\n  white-space: nowrap;\r\n  animation: urmove 8s linear infinite alternate;\r\n}\r\n\r\n\/* Safari 4.0 - 8.0 *\/\r\n@-webkit-keyframes urmove {\r\n  from {\r\n    right: 0;\r\n  }\r\n  to {\r\n    right: -140px;\r\n  }\r\n}\r\n\r\n@keyframes urmove {\r\n  from {\r\n    right: 0;\r\n  }\r\n  to {\r\n    right: -140px;\r\n  }\r\n}\r\n\r\n\r\n@keyframes early \r\n{ from { opacity:1; } to { opacity:0; } }\r\n\r\n.early {\r\n    animation:fadeIn ease-in 1; \/* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time *\/\r\n\r\n    animation-fill-mode:forwards;  \/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*\/\r\n\r\n    animation-duration:1s;\r\n    animation-delay: 1.5s\r\n}<\/pre>\n<p>That&#8217;s all! hopefully, you have successfully integrated this moving text animation into your project. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This CSS code snippet helps you to create moving text animation. It uses CSS3 keyframes to move text in both&#8230;<\/p>\n","protected":false},"author":1,"featured_media":7615,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[63],"tags":[],"class_list":["post-7595","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html5-css3"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Moving Text Animation CSS &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a lightweight CSS code snippet to create moving text animation. You can view demo and download source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Moving Text Animation CSS &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a lightweight CSS code snippet to create moving text animation. You can view demo and download source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-19T17:01:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T10:02:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Moving Text Animation CSS\",\"datePublished\":\"2024-01-19T17:01:00+00:00\",\"dateModified\":\"2024-01-22T10:02:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\"},\"wordCount\":158,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png\",\"articleSection\":[\"HTML5 &amp; CSS3\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\",\"url\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\",\"name\":\"Moving Text Animation CSS &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png\",\"datePublished\":\"2024-01-19T17:01:00+00:00\",\"dateModified\":\"2024-01-22T10:02:13+00:00\",\"description\":\"Here is a lightweight CSS code snippet to create moving text animation. You can view demo and download source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png\",\"width\":1280,\"height\":960,\"caption\":\"Moving Text Animation CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 &amp; CSS3\",\"item\":\"https:\/\/codehim.com\/category\/html5-css3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Moving Text Animation CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Moving Text Animation CSS &#8212; CodeHim","description":"Here is a lightweight CSS code snippet to create moving text animation. You can view demo and download source code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/","og_locale":"en_US","og_type":"article","og_title":"Moving Text Animation CSS &#8212; CodeHim","og_description":"Here is a lightweight CSS code snippet to create moving text animation. You can view demo and download source code.","og_url":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-19T17:01:00+00:00","article_modified_time":"2024-01-22T10:02:13+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Moving Text Animation CSS","datePublished":"2024-01-19T17:01:00+00:00","dateModified":"2024-01-22T10:02:13+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/"},"wordCount":158,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png","articleSection":["HTML5 &amp; CSS3"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/","url":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/","name":"Moving Text Animation CSS &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png","datePublished":"2024-01-19T17:01:00+00:00","dateModified":"2024-01-22T10:02:13+00:00","description":"Here is a lightweight CSS code snippet to create moving text animation. You can view demo and download source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/11\/Moving-Text-Animation-CSS.png","width":1280,"height":960,"caption":"Moving Text Animation CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/html5-css3\/moving-text-animation-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"HTML5 &amp; CSS3","item":"https:\/\/codehim.com\/category\/html5-css3\/"},{"@type":"ListItem","position":3,"name":"Moving Text Animation CSS"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":7596,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/7595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=7595"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/7595\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/7615"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=7595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=7595"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=7595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}