{"id":22048,"date":"2014-09-12T18:01:36","date_gmt":"2014-09-12T10:01:36","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=22048"},"modified":"2025-04-04T02:00:56","modified_gmt":"2025-04-03T18:00:56","slug":"hover-css3-hover-effects-collection","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/","title":{"rendered":"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects"},"content":{"rendered":"<p>When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to draw attention to a link or button. Normally, <strong>hover works by changing the element color or gradient state<\/strong> when users move their cursors over it. But with a lot of features in <a href=\"https:\/\/www.hongkiat.com\/blog\/myth-css-preprocessor\/\">CSS3<\/a>, a lot of things can also be customized with the hover effect. One of them is applying animation. And <strong>Hover.css<\/strong> can make it happen with ease.<\/p>\n<p><a href=\"https:\/\/ianlunn.github.io\/Hover\/\" rel=\"nofollow\">Hover.css<\/a> is a free CSS library to easily apply animation using the hover effect. You can apply the hover in call to actions, buttons, logos, images and much more. This library comes with <strong>over 40 effects<\/strong> to choose from and they\u2019re categorized according to the following: <strong>2D transforms, border transitions, shadow and glow transitions, speech bubbles, and page curls<\/strong>.<\/p>\n<p class=\"note\"><strong>Recommended Reading:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/css3-bounce-effect\/\">How To Create Bounce Effect With CSS3 Animation<\/a><\/p>\n<h2>Getting Started With Hover<\/h2>\n<p>To get started, you need to <a href=\"https:\/\/codeload.github.com\/IanLunn\/Hover\/zip\/refs\/heads\/master\" rel=\"nofollow\">download Hover<\/a> then put the hover.css file into your project folder. Or if you prefer, you may use hover-min.css, a more compact version, which is smaller and quicker to load. Lastly, link the file into your web page like so:<\/p>\n<pre>\r\n&lt;head&gt;\r\n..\r\n&lt;link href=\"css\/hover.css\" rel=\"stylesheet\"&gt;\r\n..\r\n&lt;\/head&gt;\r\n<\/pre>\n<h2>Adding Hover Into An Element<\/h2>\n<p>To add a cool hover effect into your element, just include the effect name into the element class. You can see the live demo of all available effects in the Hover <a href=\"https:\/\/ianlunn.github.io\/Hover\/\" rel=\"nofollow\">landing page<\/a>. Make sure to only use lowercase letters and if it has  space in between, simply replace it with a dash.<\/p>\n<p>Let\u2019s say, I have the following link markup:<\/p>\n<pre>\r\n&lt;a href=\"#\" class=\"btn\"&gt;SUBMIT&lt;\/a&gt;\r\n<\/pre>\n<p>If styled properly, the link comes out  like so:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg\" width=\"500\" height=\"150\"><\/p>\n<p>The link has changed to look like a button. But when I move the cursor over it, the button won\u2019t change and stays static. With one of Hover effect, Hover Shadow, I edit the markup and add it a class like so:<\/p>\n<pre>\r\n&lt;a href=\"#\" class=\"btn hover-shadow\"&gt;SUBMIT&lt;\/a&gt;\r\n<\/pre>\n<p>Now the button has a cool hover effect floating with a shadow underneath it just like the following GIF demo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/hover-demo.gif\" width=\"500\" height=\"150\"><\/p>\n<h2>Some Hack And Customisation<\/h2>\n<p>If you open hover.css with an editor, you\u2019ll find that each effect comes with some default properties. These properties give the element the most desired result both for the display and the look. Below are the default properties, go ahead and customize them to meet your needs:<\/p>\n<ul>\n<li><code>display<\/code> : required for an effect to work. <\/li>\n<li><code>transform<\/code> : used for CSS3 transforms to improve the performance on mobile and tablet<\/li>\n<li><code>box-shadow<\/code> : give transparent box shadow causing edges of CSS3 transformed elements on mobile\/tablet look smoother<\/li>\n<\/ul>\n<h2>Final Thought<\/h2>\n<p>Hover is another best practice of CSS3 implementation. But as most of the effects such as transitions, transforms and animations are using new CSS3 features, you will need to do some extra work on old browsers that don\u2019t support these features to make sure that the fallback hover effect works well.<\/p>","protected":false},"excerpt":{"rendered":"<p>When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to draw attention to a link or button. Normally, hover works by changing the element color or gradient state when users move their cursors over it.&hellip;<\/p>\n","protected":false},"author":136,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects - Hongkiat<\/title>\n<meta name=\"description\" content=\"When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to\" \/>\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\/hover-css3-hover-effects-collection\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects\" \/>\n<meta property=\"og:description\" content=\"When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/\" \/>\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=\"2014-09-12T10:01:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T18:00:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg\" \/>\n<meta name=\"author\" content=\"Irfan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@IrfanFza\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Irfan\" \/>\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.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/\"},\"author\":{\"name\":\"Irfan\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/483b1092b8017f37d977331e91935d8c\"},\"headline\":\"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects\",\"datePublished\":\"2014-09-12T10:01:36+00:00\",\"dateModified\":\"2025-04-03T18:00:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/\"},\"wordCount\":496,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/hover-css3-hover-effects-collection\\\/button-demo.jpg\",\"keywords\":[\"CSS\",\"CSS Frameworks\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/\",\"name\":\"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/hover-css3-hover-effects-collection\\\/button-demo.jpg\",\"datePublished\":\"2014-09-12T10:01:36+00:00\",\"dateModified\":\"2025-04-03T18:00:56+00:00\",\"description\":\"When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/hover-css3-hover-effects-collection\\\/button-demo.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/hover-css3-hover-effects-collection\\\/button-demo.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/hover-css3-hover-effects-collection\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects\"}]},{\"@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\\\/483b1092b8017f37d977331e91935d8c\",\"name\":\"Irfan\",\"description\":\"Irfan is a writer for hongkiat.com and tech enthusiast all-around. He also appreciates much on minimalist and clean design. Movie and football lovers and enjoy to travel around in his free time.\",\"sameAs\":[\"https:\\\/\\\/x.com\\\/IrfanFza\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/irfan_fauzii\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects - Hongkiat","description":"When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to","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\/hover-css3-hover-effects-collection\/","og_locale":"en_US","og_type":"article","og_title":"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects","og_description":"When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to","og_url":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-09-12T10:01:36+00:00","article_modified_time":"2025-04-03T18:00:56+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg","type":"","width":"","height":""}],"author":"Irfan","twitter_card":"summary_large_image","twitter_creator":"@IrfanFza","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Irfan","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/"},"author":{"name":"Irfan","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/483b1092b8017f37d977331e91935d8c"},"headline":"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects","datePublished":"2014-09-12T10:01:36+00:00","dateModified":"2025-04-03T18:00:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/"},"wordCount":496,"commentCount":5,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg","keywords":["CSS","CSS Frameworks"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/","url":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/","name":"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg","datePublished":"2014-09-12T10:01:36+00:00","dateModified":"2025-04-03T18:00:56+00:00","description":"When dealing with the issue of trying to get a users attention, there are many ways for you to achieve this. For special cases, hover is a great way to","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/hover-css3-hover-effects-collection\/button-demo.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/hover-css3-hover-effects-collection\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Hover.css &ndash; CSS3 Library With More Than 40 Hovering Effects"}]},{"@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\/483b1092b8017f37d977331e91935d8c","name":"Irfan","description":"Irfan is a writer for hongkiat.com and tech enthusiast all-around. He also appreciates much on minimalist and clean design. Movie and football lovers and enjoy to travel around in his free time.","sameAs":["https:\/\/x.com\/IrfanFza"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/irfan_fauzii\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5JC","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22048","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\/136"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=22048"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22048\/revisions"}],"predecessor-version":[{"id":73712,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/22048\/revisions\/73712"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=22048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=22048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=22048"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=22048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}