{"id":29679,"date":"2017-04-10T21:01:59","date_gmt":"2017-04-10T13:01:59","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=29679"},"modified":"2018-04-09T16:33:43","modified_gmt":"2018-04-09T08:33:43","slug":"animated-radio-buttons-radiobox-css","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/","title":{"rendered":"Create Fun Animated Radio Buttons With Radiobox.css"},"content":{"rendered":"<p>The <strong>default HTML5 radio buttons<\/strong> are pretty boring. There are ways to <strong>customize them<\/strong> using CSS3, but most techniques <strong>focus only on looks<\/strong>.<\/p>\n<p><strong><a target=\"_blank\" href=\"https:\/\/720kb.github.io\/radiobox.css\/\">Radiobox.css<\/a><\/strong> focuses on <strong>looks <em>and<\/em> style<\/strong> adding custom CSS3 animations to radio inputs.<\/p>\n<p>This library is <strong>totally free<\/strong> and <strong>open source<\/strong>, available <a target=\"_blank\" href=\"https:\/\/github.com\/720kb\/radiobox.css\">on GitHub<\/a> to download. With this CSS library, you can pick from <strong>more than 12 different animations<\/strong> that apply to radio buttons.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong>\n  <a href=\"https:\/\/www.hongkiat.com\/blog\/css3-checkbox-radio\/\">UI Design: Customize Checkboxes and Radio Buttons with CSS3<\/a><\/p>\n<p>Without custom CSS styles, they\u2019ll still <strong>look like normal radio inputs<\/strong>. But when the user clicks to select a button they\u2019ll <strong>get a crazy animation effect<\/strong>. You can see <strong>live examples<\/strong> on <a target=\"_blank\" href=\"https:\/\/720kb.github.io\/radiobox.css\/\">the main Radiobox page<\/a> which demos each style next to its name.<\/p>\n<p>You can install Radiobox <strong>straight from npm or bower<\/strong>, or even download the files locally to your machine. GitHub <strong>hosts all their files <a target=\"_blank\" href=\"https:\/\/raw.githubusercontent.com\/720kb\/radiobox.css\/master\/dist\/css\/radiobox.min.css\">in a CDN<\/a><\/strong> if you want to play around without downloading anything.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/github.com\/720kb\/radiobox.css\/blob\/master\/dist\/css\/radiobox.min.css\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg\" alt=\"radiobox css codes\" width=\"850\" height=\"452\"><\/a><\/figure>\n<p>The only file you need is <code>radiobox.min.css<\/code> which should go <strong>right into your document head<\/strong>. From there, you just <strong>add a simple class<\/strong> to each radio button depending on the animation you want.<\/p>\n<p>Here\u2019s a <strong>code snippet<\/strong> for the \u201cboing\u201d effect:<\/p>\n<pre>\r\n&lt;input type=\"radio\" class=\"radiobox-boing\"&gt;\r\n<\/pre>\n<p>Note the \u201cboing\u201d animation does have <strong>its own CSS file<\/strong> called <code>boing.min.css<\/code>. This <strong>has to be included<\/strong> if you plan to use that effect on the page.<\/p>\n<p>When you download Radiobox you should <strong>get a <a target=\"_blank\" href=\"https:\/\/github.com\/720kb\/radiobox.css\/tree\/master\/demo\">demo directory<\/a><\/strong> with <strong>live demos for all these effects<\/strong>. You can simply <strong>copy\/paste the code<\/strong> directly to your page to get it working without hassle.<\/p>\n<p>For <strong>full documentation<\/strong>, check out the <strong><a target=\"_blank\" href=\"https:\/\/github.com\/720kb\/radiobox.css\">main repo<\/a><\/strong> along with the <strong><a target=\"_blank\" href=\"https:\/\/720kb.github.io\/radiobox.css\/\">live demo site<\/a><\/strong>. If you wanna contact the creators you can send an email from the <strong><a target=\"_blank\" href=\"https:\/\/720kb.net\/\">720kb website<\/a><\/strong> or message via Twitter <strong><a target=\"_blank\" href=\"https:\/\/twitter.com\/720kb_\">@720kb_<\/a><\/strong>.<\/p>\n<p class=\"note\"> <strong>Read Also:<\/strong>\n  <a href=\"https:\/\/www.hongkiat.com\/blog\/html5-form-input-type\/\">A Look Into HTML5 Forms Input Types: Date, Color and Range<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css focuses on looks and style adding custom CSS3 animations to radio inputs. This library is totally free and open source, available on GitHub to download. With this CSS library, you can&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[507,4109],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Create Fun Animated Radio Buttons With Radiobox.css - Hongkiat<\/title>\n<meta name=\"description\" content=\"The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css\" \/>\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.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Fun Animated Radio Buttons With Radiobox.css\" \/>\n<meta property=\"og:description\" content=\"The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-10T13:01:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-04-09T08:33:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\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:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Create Fun Animated Radio Buttons With Radiobox.css\",\"datePublished\":\"2017-04-10T13:01:59+00:00\",\"dateModified\":\"2018-04-09T08:33:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/\"},\"wordCount\":315,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/animated-radio-buttons-radiobox-css\\\/02-radiobox-css-code.jpg\",\"keywords\":[\"CSS\",\"CSS Frameworks\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/\",\"name\":\"Create Fun Animated Radio Buttons With Radiobox.css - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/animated-radio-buttons-radiobox-css\\\/02-radiobox-css-code.jpg\",\"datePublished\":\"2017-04-10T13:01:59+00:00\",\"dateModified\":\"2018-04-09T08:33:43+00:00\",\"description\":\"The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/animated-radio-buttons-radiobox-css\\\/02-radiobox-css-code.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/animated-radio-buttons-radiobox-css\\\/02-radiobox-css-code.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/animated-radio-buttons-radiobox-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Fun Animated Radio Buttons With Radiobox.css\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Create Fun Animated Radio Buttons With Radiobox.css - Hongkiat","description":"The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css","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.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/","og_locale":"en_US","og_type":"article","og_title":"Create Fun Animated Radio Buttons With Radiobox.css","og_description":"The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css","og_url":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-04-10T13:01:59+00:00","article_modified_time":"2018-04-09T08:33:43+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Create Fun Animated Radio Buttons With Radiobox.css","datePublished":"2017-04-10T13:01:59+00:00","dateModified":"2018-04-09T08:33:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/"},"wordCount":315,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg","keywords":["CSS","CSS Frameworks"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/","url":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/","name":"Create Fun Animated Radio Buttons With Radiobox.css - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg","datePublished":"2017-04-10T13:01:59+00:00","dateModified":"2018-04-09T08:33:43+00:00","description":"The default HTML5 radio buttons are pretty boring. There are ways to customize them using CSS3, but most techniques focus only on looks. Radiobox.css","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/animated-radio-buttons-radiobox-css\/02-radiobox-css-code.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/animated-radio-buttons-radiobox-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Fun Animated Radio Buttons With Radiobox.css"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7IH","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=29679"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29679\/revisions"}],"predecessor-version":[{"id":29681,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/29679\/revisions\/29681"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=29679"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=29679"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=29679"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=29679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}