{"id":7598,"date":"2021-08-07T13:02:12","date_gmt":"2021-08-07T13:02:12","guid":{"rendered":"https:\/\/www.scmgalaxy.com\/tutorials\/?p=7598"},"modified":"2022-04-13T16:34:30","modified_gmt":"2022-04-13T16:34:30","slug":"how-to-use-transition-property-in-css","status":"publish","type":"post","link":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/","title":{"rendered":"How to use Transition property in CSS?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Transitions is used to change property values from one value to another, over a given duration. The transition effect will start when the specified CSS property changes value.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Use Transitions?<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>CSS property you want to add an effect to<\/li><li>Duration of the effect<\/li><\/ul>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/f33db91878e6bc9800e64595b1cf565f.js\"><\/script>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"472\" height=\"288\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png\" alt=\"\" class=\"wp-image-7599\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png 472w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58-300x183.png 300w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note:<\/strong> If the duration part is not specified, the transition will have no effect, because the default value is 0.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Transition<\/strong>&#8211;<\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li>transition-timing-function<\/li><li>transition-property<\/li><li>transition-duration<\/li><li>transition-delay<\/li><li>transition<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>transition-property<\/strong>&#8211;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This property is used to specify the name of the CSS property the transition effect is for (the transition effect will start when the specified CSS property changes). Always specify the transition-duration property, otherwise the duration is 0, and the transition will have no effect.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We can set this property to <em>none, all<\/em> and <em>property<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ex: &#8211;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">div { transition-property: all; }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>none<\/strong> &#8211; No property will get a transition effect<br><strong>all<\/strong> &#8211; All properties will get a transition effect. This is Default value.<br><strong>property<\/strong> &#8211; Defines a comma separated list of CSS property names the transition effect is for<\/p>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/99ce8d81cebd923d037110f8d534ae22.js\"><\/script>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"698\" height=\"417\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-59.png\" alt=\"\" class=\"wp-image-7600\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-59.png 698w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-59-300x179.png 300w\" sizes=\"auto, (max-width: 698px) 100vw, 698px\" \/><figcaption>When you use Cursor then the transition property will work.<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>transition-duration<\/strong>&#8211;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This property is used to specify how many seconds or milliseconds a transition effect takes to complete. We can set this property to time in the form of <em>seconds<\/em> or <em>milliseconds<\/em>. The default value of this property is 0s which means there will be no effect.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ex:-<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">div { transition-duration: 2s; }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">div { transition-duration: 1000ms; }<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>transition-timing-function<\/strong>&#8211;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This property is used to specify the speed curve of the transition effect. This property allows a transition effect to change speed over its duration. We can set this property to <em>ease, linear, ease-in, ease-out, ease-in-out, step-start, step-end, steps(int, start or end), cubic-bezier(n, n, n, n).<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ex:-<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">div { transition-timing-function: ease-in; }<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>ease \u2013 It Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25, 0.1, 0.25, 1)). This is Default value.<\/li><li>linear \u2013 It specifies a transition effect with the same speed from start to end (equivalent to cubic-bezier(0, 0, 1, 1))<\/li><li>ease-in \u2013 It specifies a transition effect with a slow start (equivalent to cubic-bezier(0.42, 0, 1, 1))<\/li><li>ease-out \u2013 It specifies a transition effect with a slow end (equivalent to cubic-bezier(0, 0, 0.58, 1))<\/li><li>ease-in-out \u2013 It specifies a transition effect with a slow start and end (equivalent to cubic-bezier(0.42, 0, 0.58, 1))<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>step-start &#8211; Equivalent to steps(1, start)<\/li><li>step-end &#8211; Equivalent to steps(1, end)<\/li><li>steps(int, start or end) &#8211; Specifies a stepping function, with two parameters. The first parameter specifies the number of intervals in the function. It must be a positive integer (greater than 0). The second parameter, which is optional, is either the value &#8220;start&#8221; or &#8220;end&#8221;, and specifies the point at which the change of values occur within the interval. If the second parameter is omitted, it is given the value &#8220;end&#8221;<\/li><li>cubic-bezier(n,n,n,n) &#8211; Define your own values in the cubic-bezier function. Possible values are numeric values from 0 to 1<\/li><\/ul>\n\n\n\n<script src=\"https:\/\/gist.github.com\/ajcotocus\/0aef538c1f3873f0d131cdc6e79df953.js\"><\/script>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"789\" height=\"283\" src=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-60.png\" alt=\"\" class=\"wp-image-7601\" srcset=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-60.png 789w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-60-300x108.png 300w, https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-60-768x275.png 768w\" sizes=\"auto, (max-width: 789px) 100vw, 789px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>transition-delay<\/strong>&#8211;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This property is used to specify when the transition effect will start. We can set this property to time in the form of <em>seconds <\/em>or<em> milliseconds<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ex:-<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">div { transition-delay: 2s; }<br>div { transition-delay: 1000ms; }<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Transitions is used to change property values from one value to another, over a given duration. The transition effect will [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[5309],"tags":[5134,4459,6078,6077,6076,6075,6074],"class_list":["post-7598","post","type-post","status-publish","format-standard","hentry","category-css","tag-css","tag-html","tag-transition","tag-transition-delay","tag-transition-duration","tag-transition-property","tag-transition-timing-function"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to use Transition property in CSS? - scmGalaxy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use Transition property in CSS? - scmGalaxy\" \/>\n<meta property=\"og:description\" content=\"Transitions is used to change property values from one value to another, over a given duration. The transition effect will [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/\" \/>\n<meta property=\"og:site_name\" content=\"scmGalaxy\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-07T13:02:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-13T16:34:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png\" \/>\n<meta name=\"author\" content=\"rajeshkumar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rajeshkumar\" \/>\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:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/\"},\"author\":{\"name\":\"rajeshkumar\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/a40e0dd38feee7c2779460a804d49361\"},\"headline\":\"How to use Transition property in CSS?\",\"datePublished\":\"2021-08-07T13:02:12+00:00\",\"dateModified\":\"2022-04-13T16:34:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/\"},\"wordCount\":513,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-58.png\",\"keywords\":[\"css\",\"HTML\",\"transition\",\"transition-delay\",\"transition-duration\",\"transition-property\",\"transition-timing-function\"],\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/\",\"name\":\"How to use Transition property in CSS? - scmGalaxy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-58.png\",\"datePublished\":\"2021-08-07T13:02:12+00:00\",\"dateModified\":\"2022-04-13T16:34:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/a40e0dd38feee7c2779460a804d49361\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-58.png\",\"contentUrl\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/image-58.png\",\"width\":472,\"height\":288},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/how-to-use-transition-property-in-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use Transition property in CSS?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#website\",\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/\",\"name\":\"scmGalaxy\",\"description\":\"A Platform for Software Engineers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/#\\\/schema\\\/person\\\/a40e0dd38feee7c2779460a804d49361\",\"name\":\"rajeshkumar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g\",\"caption\":\"rajeshkumar\"},\"url\":\"https:\\\/\\\/www.scmgalaxy.com\\\/tutorials\\\/author\\\/rajeshkumar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to use Transition property in CSS? - scmGalaxy","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:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/","og_locale":"en_US","og_type":"article","og_title":"How to use Transition property in CSS? - scmGalaxy","og_description":"Transitions is used to change property values from one value to another, over a given duration. The transition effect will [&hellip;]","og_url":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/","og_site_name":"scmGalaxy","article_published_time":"2021-08-07T13:02:12+00:00","article_modified_time":"2022-04-13T16:34:30+00:00","og_image":[{"url":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png","type":"","width":"","height":""}],"author":"rajeshkumar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rajeshkumar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#article","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/"},"author":{"name":"rajeshkumar","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/a40e0dd38feee7c2779460a804d49361"},"headline":"How to use Transition property in CSS?","datePublished":"2021-08-07T13:02:12+00:00","dateModified":"2022-04-13T16:34:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/"},"wordCount":513,"commentCount":0,"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png","keywords":["css","HTML","transition","transition-delay","transition-duration","transition-property","transition-timing-function"],"articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/","url":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/","name":"How to use Transition property in CSS? - scmGalaxy","isPartOf":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#primaryimage"},"image":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png","datePublished":"2021-08-07T13:02:12+00:00","dateModified":"2022-04-13T16:34:30+00:00","author":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/a40e0dd38feee7c2779460a804d49361"},"breadcrumb":{"@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#primaryimage","url":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png","contentUrl":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-content\/uploads\/2021\/08\/image-58.png","width":472,"height":288},{"@type":"BreadcrumbList","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/how-to-use-transition-property-in-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.scmgalaxy.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"How to use Transition property in CSS?"}]},{"@type":"WebSite","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#website","url":"https:\/\/www.scmgalaxy.com\/tutorials\/","name":"scmGalaxy","description":"A Platform for Software Engineers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.scmgalaxy.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.scmgalaxy.com\/tutorials\/#\/schema\/person\/a40e0dd38feee7c2779460a804d49361","name":"rajeshkumar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/82337e1fc8642c7f36795aa0775af055a4f38882994004b593efd31758d4434e?s=96&d=mm&r=g","caption":"rajeshkumar"},"url":"https:\/\/www.scmgalaxy.com\/tutorials\/author\/rajeshkumar\/"}]}},"_links":{"self":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/7598","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/comments?post=7598"}],"version-history":[{"count":1,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/7598\/revisions"}],"predecessor-version":[{"id":7602,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/posts\/7598\/revisions\/7602"}],"wp:attachment":[{"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/media?parent=7598"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/categories?post=7598"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.scmgalaxy.com\/tutorials\/wp-json\/wp\/v2\/tags?post=7598"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}