{"id":30140,"date":"2017-06-07T23:01:52","date_gmt":"2017-06-07T15:01:52","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=30140"},"modified":"2022-08-08T14:28:31","modified_gmt":"2022-08-08T06:28:31","slug":"websites-creative-mouse-over-effects","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/","title":{"rendered":"20 Websites with Creative MouseOver Effect"},"content":{"rendered":"

In web design even a smallest effect can change the overall user experience<\/strong>. this can either be a glitch effect<\/a>, a bounce effect<\/a> or even a simple sound effect<\/a>. One of these effects, being frequently used in web design these days<\/strong> is the hover or mouseover effect. This transitional effect can be seen when you move your mouse over a certain element that makes it slide out, change color, or animate<\/strong>.<\/p>\n

The idea behind mouseover effect is to reduce the effort<\/strong> that the user has to make to view more details, access key information, or see different views<\/strong> on the website. A good hover effect can save space to show more information in the most clever way possible<\/strong>.<\/p>\n

\n\t\t\t\t\tRead Also:<\/strong>\u00a0\n\t\t\t\t\tJavaScript Libraries for Cool Scrolling Effects<\/a>\n\t\t\t\t<\/p>\n

So, to give my readers a few examples of this interesting effect<\/strong>, I have put together 20 creative examples of websites with the mouseover effects. Just scroll down, open the website, play around and see for yourself<\/strong> how amazing the hover effect looks.<\/p>\n

Pixels by Tomer Lerner<\/a><\/h3>\n

It is a highly creative website with a black and white homepage that shows different geometric shapes dancing and transforming<\/strong> when you move the cursor over them.<\/p>\n

\"pixels\"<\/a><\/figure>\n

Haus<\/a><\/h3>\n

Haus is the website of an interactive agency that loves technology, and humor<\/strong>. Mouseover the cartoon figures<\/strong> on the screen and watch how they jump and run.<\/p>\n

\"haus\"<\/a><\/figure>\n

Canva<\/a><\/h3>\n

Canva is a service for creating various text-based images<\/strong>. Their homepage has a dark blurred background, but when you hover the cursor over it you\u2019ll see the area cleaning up and showing the images in the background<\/strong>, just like an eraser tool.<\/p>\n

\"canva-website\"<\/a><\/figure>\n

Mainworks<\/a><\/h3>\n

It\u2019s a portfolio website of Mainworks creative media production studio. Mouseover or click on the dots on the line to see their projects<\/strong>.<\/p>\n

\"mainworks\"<\/a><\/figure>\n

Cedric Pereira<\/a><\/h3>\n

This is Cedric Pereira\u2019s portfolio website in pastel tones. When you scroll over the categories<\/strong> on the homepage, they change colors and images<\/strong>. Also, when you mouse over an image, its borders move<\/strong>.<\/p>\n

\"\u0441edric-pereira\"<\/a><\/figure>\n

Bullmonk<\/a><\/h3>\n

Bullmonk is a business mangement website with a simple SVG animation on the homepage<\/strong>. Just mouseover the meshed rectangle to see how holes are formed in it<\/strong>.<\/p>\n

\"bullmonk\"<\/a><\/figure>\n

InSymbiosis<\/a><\/h3>\n

InSymbiosis provides biopharma industry with an alternative strategy<\/strong> to accelerate drug development programs. Move your mouse to see awesome microinteractions with text, buttons and background elements<\/strong>.<\/p>\n

\"insymbiosis\"<\/a><\/figure>\n

OUI R Creative Studio<\/a><\/h3>\n

OUI R is a multidisciplinary design studio<\/strong> dedicated to creating products, based on creative visual ideas. When you place the mouse cursor on the images, they show information and with mouse scoll you move over to the next image<\/strong>.<\/p>\n

\"ouirstudio\"<\/a><\/figure>\n

Minnim<\/a><\/h3>\n

Minnim has an interactive homepage with colorful line circles<\/strong> which move with mouse hover. You can generate a new cycle item with logo<\/strong> using your mouse.<\/p>\n

\"minnim\"<\/a><\/figure>\n

Full Bundle<\/a><\/h3>\n

Full Bundle is a creative digital agency. Their homepage is separated into two columns: logic with blue triangles and creativity with red squares<\/strong>. When you hold mouse over these elements, they bounce in a very fluid way<\/strong>.<\/p>\n

\"fullbundle\"<\/a><\/figure>\n

FS Untitled<\/a><\/h3>\n

FS Untitled invites visitors to pick a name for the font face<\/strong>. The homepage shows cells that when you click, leads to the demo of that particular font<\/strong>.<\/p>\n

\"fs-untitled\"<\/a><\/figure>\n

Trainrobber<\/a><\/h3>\n

Trainrobber is an AR and VR agency<\/strong> that produces groundbreaking immersive experiences for brands. As you hover the mouse on the homepage, different elements move horizontally like a technicolor Western movie<\/strong>. The categories also animate with mouseover.<\/p>\n

\"trainrobber\"<\/a><\/figure>\n

Sakura International Inc.<\/a><\/h3>\n

Sakura is a Japan-based company that\u2019s focused on human networking. You can connect the dots in the background with a single move of your mouse<\/strong>.<\/p>\n

\"sakura\"<\/a><\/figure>\n

Fan Studio<\/a><\/h3>\n

Fan Studio is a cartoonish website that creates mobile games and apps. To make a sense of motion the background moves along with your mouse cursor<\/strong>.<\/p>\n

\"fanstudio\"<\/a><\/figure>\n

Studio Rotate<\/a><\/h3>\n

It\u2019s a brand and design studio website<\/strong> that helps clients achieve online presence. They have a homepage with white background and a circle. But when you click on the Menu button, an image appears into the circle<\/strong>.<\/p>\n

\"studio-rotate\"<\/a><\/figure>\n

TheMcBrideCompany<\/a><\/h3>\n

TheMcBrideCompany\u2019s homepage features a beautiful landscape photo that is blurred. When you move the cursor over the background<\/strong>, a small area around the cursor becomes clear. It looks fantastic<\/strong>.<\/p>\n

\"themcbride\"<\/a><\/figure>\n

Clever Franke<\/a><\/h3>\n

Clever Franke is an interactive design agency that combines strategy, design, and technology to develop innovative products and services<\/strong>. The titles on the homepage generate dynamically and automatically, which looks like magic. When you move the cursor over the letters they get displaced<\/strong>, but fall back in a second.<\/p>\n

\"clever-franke\"<\/a><\/figure>\n

Message Design Center<\/h3>\n

Message Design Center website has a unique design. Their homepage features vivid titles with polygon geometry<\/strong>. When you hold mouse over these titles, they get bigger and started deforming<\/strong>.<\/p>\n

\"message-design\"<\/figure>\n

Just Coded<\/a><\/h3>\n

Just Coded has an amazing dark background with dots forming a canvas<\/strong>. When you mouse over this canvas, it looks alive because it starts moving and changing perspective<\/strong>.<\/p>\n

\"justcoded\"<\/a><\/figure>\n

Kinetic Apps<\/h3>\n

It\u2019s an award-winning website of a digital agency that uses patent-pending technology to build websites and apps for iOS and Android devices<\/strong>. The homepage looks like the sky<\/strong>, and when you mouseover it seems like you choose the direction to fly<\/strong>.<\/p>\n

\"kineticapps\"<\/figure>\n

\n\t\t\t\t\tRead Also:<\/strong>\u00a0\n\t\t\t\t\t30 Tips for a Nicer Looking Website<\/a>\n\t\t\t\t<\/p>","protected":false},"excerpt":{"rendered":"

In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound effect. One of these effects, being frequently used in web design these days is the hover or mouseover effect. This transitional effect can be seen when you…<\/p>\n","protected":false},"author":124,"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":[510,2512],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\n20 Websites with Creative MouseOver Effect - Hongkiat<\/title>\n<meta name=\"description\" content=\"In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound\" \/>\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\/websites-creative-mouse-over-effects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Websites with Creative MouseOver Effect\" \/>\n<meta property=\"og:description\" content=\"In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/\" \/>\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-06-07T15:01:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-08T06:28:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/websites-creative-mouse-over-effects\/pixels.jpg\" \/>\n<meta name=\"author\" content=\"Nancy Young\" \/>\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=\"Nancy Young\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/\"},\"author\":{\"name\":\"Nancy Young\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/943d20daf5b8c7638175cba309ef6e32\"},\"headline\":\"20 Websites with Creative MouseOver Effect\",\"datePublished\":\"2017-06-07T15:01:52+00:00\",\"dateModified\":\"2022-08-08T06:28:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/\"},\"wordCount\":852,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/websites-creative-mouse-over-effects\\\/pixels.jpg\",\"keywords\":[\"Web Designers\",\"Website Design\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/\",\"name\":\"20 Websites with Creative MouseOver Effect - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/websites-creative-mouse-over-effects\\\/pixels.jpg\",\"datePublished\":\"2017-06-07T15:01:52+00:00\",\"dateModified\":\"2022-08-08T06:28:31+00:00\",\"description\":\"In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/websites-creative-mouse-over-effects\\\/pixels.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/websites-creative-mouse-over-effects\\\/pixels.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/websites-creative-mouse-over-effects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Websites with Creative MouseOver Effect\"}]},{\"@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\\\/943d20daf5b8c7638175cba309ef6e32\",\"name\":\"Nancy Young\",\"description\":\"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/nancy_young\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Websites with Creative MouseOver Effect - Hongkiat","description":"In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound","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\/websites-creative-mouse-over-effects\/","og_locale":"en_US","og_type":"article","og_title":"20 Websites with Creative MouseOver Effect","og_description":"In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound","og_url":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-06-07T15:01:52+00:00","article_modified_time":"2022-08-08T06:28:31+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/websites-creative-mouse-over-effects\/pixels.jpg","type":"","width":"","height":""}],"author":"Nancy Young","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Nancy Young","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/"},"author":{"name":"Nancy Young","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/943d20daf5b8c7638175cba309ef6e32"},"headline":"20 Websites with Creative MouseOver Effect","datePublished":"2017-06-07T15:01:52+00:00","dateModified":"2022-08-08T06:28:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/"},"wordCount":852,"commentCount":2,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/websites-creative-mouse-over-effects\/pixels.jpg","keywords":["Web Designers","Website Design"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/","url":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/","name":"20 Websites with Creative MouseOver Effect - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/websites-creative-mouse-over-effects\/pixels.jpg","datePublished":"2017-06-07T15:01:52+00:00","dateModified":"2022-08-08T06:28:31+00:00","description":"In web design even a smallest effect can change the overall user experience. this can either be a glitch effect, a bounce effect or even a simple sound","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/websites-creative-mouse-over-effects\/pixels.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/websites-creative-mouse-over-effects\/pixels.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/websites-creative-mouse-over-effects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Websites with Creative MouseOver Effect"}]},{"@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\/943d20daf5b8c7638175cba309ef6e32","name":"Nancy Young","description":"Nancy has over seven years of experience in writing for different online mediums. Her expertise lies in creating inspirational articles with beautiful images.","url":"https:\/\/www.hongkiat.com\/blog\/author\/nancy_young\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-7Q8","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30140","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\/124"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=30140"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30140\/revisions"}],"predecessor-version":[{"id":61406,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/30140\/revisions\/61406"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=30140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=30140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=30140"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=30140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}