{"id":7220,"date":"2024-01-11T17:48:00","date_gmt":"2024-01-11T17:48:00","guid":{"rendered":"https:\/\/codehim.com\/?p=7220"},"modified":"2024-01-22T15:50:04","modified_gmt":"2024-01-22T10:50:04","slug":"simple-parallax-effect-in-vanilla-javascript","status":"publish","type":"post","link":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/","title":{"rendered":"Simple Parallax Effect in Vanilla JavaScript"},"content":{"rendered":"<p>This Vanilla JavaScript code snippet helps you to create a simple parallax scrolling effect. It parallax the header image on scroll event with CSS transformation property.<\/p>\n<h2>How to Create Simple Parallax Effect in Vanilla JavaScript<\/h2>\n<p>1. First of all, create header element with a class name &#8220;parallax-wrapper&#8221; and place a div element with a class name &#8220;parallax&#8221; inside it. The parallax element is the header element of your hero section. Create the main element just after the header and place your content inside it.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;header class=\"parallax-wrapper\"&gt;\r\n  &lt;div class=\"parallax\"&gt;\r\n    &lt;h1&gt;This header has parallax effect&lt;\/h1&gt;\r\n  &lt;\/div&gt;\r\n&lt;\/header&gt;\r\n&lt;main&gt;\r\n  &lt;p&gt;Because vanilla JS is awesome and nobody should have to import a whole library when you only need to write 6 lines of code. Voil\u00e0.&lt;\/p&gt;\r\n&lt;\/main&gt;\r\n<\/pre>\n<p>3. Style the parallax header using the following CSS. Set the background image for the parallax class as define below. You need to set the minimum height of the parallax container in order to display your background image.<\/p>\n<pre class=\"prettyprint linenums lang-css\">.cd__main {\r\n    flex-direction: column !important;\r\n}\r\n.parallax-wrapper {\r\n  overflow-y: hidden !important;\r\n}\r\n\r\n.parallax {\r\n  background-image: url('https:\/\/placeimg.com\/1000\/400\/tech');\r\n  background-size: cover;\r\n  background-position: center;\r\n  height: 250px;\r\n}\r\n\r\n\r\n\r\n\/* Only for the pen *\/\r\nhtml, body {\r\n  margin: 0;\r\n  min-height: 100%;\r\n  font-family: sans-serif;\r\n}\r\n\r\nmain {\r\n  min-height: 500px;\r\n  background-color: #2b2d42;\r\n}\r\n\r\n.parallax {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.parallax h1, .parallax p {\r\n  margin: 0;\r\n  color: #fff;\r\n}\r\n\r\np {\r\n  font-weight: 500;\r\n  font-size: 1.2em;\r\n  max-width: 600px;\r\n  margin: 0 auto;\r\n  text-align: center;\r\n  line-height: 1.6;\r\n  padding-top: 80px;\r\n}<\/pre>\n<p>3. In last, add the following JavaScript function between the &lt;script&gt; and &lt;\/script&gt; tag before closing the body tag and done.<\/p>\n<pre class=\"prettyprint linenums lang-js\">\/\/ Parallax effect\r\n\/\/ Adapted from @ilonacodes article -&gt;  https:\/\/link.medium.com\/7fFiON6Q1X\r\n\r\n\/\/ Update : added throttle to increase performance\r\nwindow.addEventListener('scroll', throttle(parallax, 14));\r\n\r\nfunction throttle(fn, wait) {\r\n  var time = Date.now();\r\n  return function() {\r\n    if ((time + wait - Date.now()) &lt; 0) {\r\n      fn();\r\n      time = Date.now();\r\n    }\r\n  }\r\n};\r\n\r\nfunction parallax() {\r\n  var scrolled = window.pageYOffset;\r\n  var parallax = document.querySelector(\".parallax\");\r\n  \/\/ You can adjust the 0.4 to change the speed\r\n\tvar coords = (scrolled * .4) + 'px'\r\n  parallax.style.transform = 'translateY(' + coords + ')';\r\n};<\/pre>\n<p>That&#8217;s all! hopefully, you have successfully created simple parallax scrolling effect. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Vanilla JavaScript code snippet helps you to create a simple parallax scrolling effect. It parallax the header image on&#8230;<\/p>\n","protected":false},"author":1,"featured_media":7278,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[116],"tags":[],"class_list":["post-7220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vanilla-javascript"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Simple Parallax Effect in Vanilla JavaScript &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a lightweight Vanilla JavaScript code snippet to create a simple parallax scrolling effect. You can view demo and download 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\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple Parallax Effect in Vanilla JavaScript &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a lightweight Vanilla JavaScript code snippet to create a simple parallax scrolling effect. You can view demo and download code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\" \/>\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-11T17:48:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T10:50:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Simple Parallax Effect in Vanilla JavaScript\",\"datePublished\":\"2024-01-11T17:48:00+00:00\",\"dateModified\":\"2024-01-22T10:50:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\"},\"wordCount\":174,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png\",\"articleSection\":[\"Vanilla JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\",\"url\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\",\"name\":\"Simple Parallax Effect in Vanilla JavaScript &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png\",\"datePublished\":\"2024-01-11T17:48:00+00:00\",\"dateModified\":\"2024-01-22T10:50:04+00:00\",\"description\":\"Here is a lightweight Vanilla JavaScript code snippet to create a simple parallax scrolling effect. You can view demo and download code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png\",\"width\":1280,\"height\":960,\"caption\":\"Simple Parallax Effect in Vanilla JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Vanilla JavaScript\",\"item\":\"https:\/\/codehim.com\/category\/vanilla-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Simple Parallax Effect in Vanilla JavaScript\"}]},{\"@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":"Simple Parallax Effect in Vanilla JavaScript &#8212; CodeHim","description":"Here is a lightweight Vanilla JavaScript code snippet to create a simple parallax scrolling effect. You can view demo and download 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\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Simple Parallax Effect in Vanilla JavaScript &#8212; CodeHim","og_description":"Here is a lightweight Vanilla JavaScript code snippet to create a simple parallax scrolling effect. You can view demo and download code.","og_url":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-11T17:48:00+00:00","article_modified_time":"2024-01-22T10:50:04+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Simple Parallax Effect in Vanilla JavaScript","datePublished":"2024-01-11T17:48:00+00:00","dateModified":"2024-01-22T10:50:04+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/"},"wordCount":174,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png","articleSection":["Vanilla JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/","url":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/","name":"Simple Parallax Effect in Vanilla JavaScript &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png","datePublished":"2024-01-11T17:48:00+00:00","dateModified":"2024-01-22T10:50:04+00:00","description":"Here is a lightweight Vanilla JavaScript code snippet to create a simple parallax scrolling effect. You can view demo and download code.","breadcrumb":{"@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2022\/09\/simple-parallax-effect-in-vanilla-javascript.png","width":1280,"height":960,"caption":"Simple Parallax Effect in Vanilla JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/vanilla-javascript\/simple-parallax-effect-in-vanilla-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Vanilla JavaScript","item":"https:\/\/codehim.com\/category\/vanilla-javascript\/"},{"@type":"ListItem","position":3,"name":"Simple Parallax Effect in Vanilla JavaScript"}]},{"@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":4325,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/7220","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=7220"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/7220\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/7278"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=7220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=7220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=7220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}