{"id":13074,"date":"2013-02-10T14:52:17","date_gmt":"2013-02-10T12:52:17","guid":{"rendered":"https:\/\/crazyleafdesign.com\/blog\/?p=13074"},"modified":"2016-04-08T14:13:47","modified_gmt":"2016-04-08T06:13:47","slug":"create-3d-clouds-css","status":"publish","type":"post","link":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/","title":{"rendered":"Create 3D Clouds in CSS"},"content":{"rendered":"<p>This tutorial will show you how to use 3D transforms in CSS to create sprite-based realistic 3D clouds. More information on 3D transforms can be found <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/CSS\/Tutorials\/Using_CSS_transforms?redirectlocale=en-US&amp;redirectslug=CSS%2FUsing_CSS_transforms\">here<\/a>.<\/p>\n<p><!--more--><\/p>\n<p>The example can be customized using different types of textures and adjusting them on four levels. Using these you can obtain normal white 3D clouds, dark gray storm clouds and dark lighting storm ones.<\/p>\n<p>Texture levels<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-expand=\"600\" class=\"lazyload alignnone size-full wp-image-13076\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 292'%2F%3E\" data-src=\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-clouds-presets.jpg\" alt=\"3D Clouds Texture Levels\" width=\"600\" height=\"292\" \/><\/p>\n<p>Normal clouds preview<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-expand=\"600\" class=\"lazyload alignnone size-full wp-image-13075\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 235'%2F%3E\" data-src=\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-cloouds-header.jpg\" alt=\"3D Clouds\" width=\"600\" height=\"235\" \/><\/p>\n<p>Storm clouds preview<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-expand=\"600\" class=\"lazyload size-full wp-image-13077\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 226'%2F%3E\" data-src=\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg\" alt=\"3D Sotrm Clouds\" width=\"600\" height=\"226\" \/><\/p>\n<p>Lighting Storm clouds preview<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" data-expand=\"600\" class=\"lazyload alignnone size-full wp-image-13078\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 600 244'%2F%3E\" data-src=\"https:\/\/crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-storm-clouds.jpg\" alt=\"3D Lighting Storm Clouds\" width=\"600\" height=\"244\" \/><\/p>\n<h2>Demo<\/h2>\n<p>A fully functional demo of the CSS3 3D clouds can he found <a href=\"http:\/\/www.clicktorelease.com\/code\/css3dclouds\/\">here<\/a>.<\/p>\n<h2>Source<\/h2>\n<p>You can view the 3D clouds tutorial <a href=\"http:\/\/www.clicktorelease.com\/blog\/how-to-make-clouds-with-css-3d\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to use 3D transforms in CSS to create sprite-based realistic 3D clouds. More information on 3D transforms can be found here.<\/p>\n","protected":false},"author":1,"featured_media":13077,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[26],"tags":[],"adace-sponsor":[],"class_list":["post-13074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Create 3D Clouds in CSS<\/title>\n<meta name=\"description\" content=\"This tutorial shows you how to create beautiful, realistic 3D sprite-based clouds using CSS3 and Javascript.\" \/>\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.crazyleafdesign.com\/blog\/create-3d-clouds-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create 3D Clouds in CSS\" \/>\n<meta property=\"og:description\" content=\"This tutorial shows you how to create beautiful, realistic 3D sprite-based clouds using CSS3 and Javascript.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/\" \/>\n<meta property=\"og:site_name\" content=\"CrazyLeaf Design Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/crazyleafdesign\" \/>\n<meta property=\"article:published_time\" content=\"2013-02-10T12:52:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-04-08T06:13:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"226\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"CrazyLeaf Editorial\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:site\" content=\"@crazyleaf\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"CrazyLeaf Editorial\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/\"},\"author\":{\"name\":\"CrazyLeaf Editorial\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\"},\"headline\":\"Create 3D Clouds in CSS\",\"datePublished\":\"2013-02-10T12:52:17+00:00\",\"dateModified\":\"2016-04-08T06:13:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/\"},\"wordCount\":101,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/3d-simple-storm-clouds.jpg\",\"articleSection\":[\"CSS\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/\",\"url\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/\",\"name\":\"Create 3D Clouds in CSS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/3d-simple-storm-clouds.jpg\",\"datePublished\":\"2013-02-10T12:52:17+00:00\",\"dateModified\":\"2016-04-08T06:13:47+00:00\",\"description\":\"This tutorial shows you how to create beautiful, realistic 3D sprite-based clouds using CSS3 and Javascript.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/3d-simple-storm-clouds.jpg\",\"contentUrl\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2013\\\/02\\\/3d-simple-storm-clouds.jpg\",\"width\":600,\"height\":226,\"caption\":\"3D Sotrm Clouds\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/create-3d-clouds-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design\",\"item\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/category\\\/web-design\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"CSS\",\"item\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/category\\\/web-design\\\/css\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Create 3D Clouds in CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/\",\"name\":\"CrazyLeaf Design Blog\",\"description\":\"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#organization\",\"name\":\"CrazyLeaf Design Blog\",\"url\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-cld-logo-dark.png\",\"contentUrl\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/cropped-cld-logo-dark.png\",\"width\":690,\"height\":132,\"caption\":\"CrazyLeaf Design Blog\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/www.facebook.com\\\/crazyleafdesign\",\"https:\\\/\\\/x.com\\\/crazyleaf\",\"https:\\\/\\\/www.pinterest.com\\\/crazyleaf\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/b6a5ee60ad8ef2b81b481fc4deb4b9d0\",\"name\":\"CrazyLeaf Editorial\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/60e71ee9d3c9922c5c831dc4fd053dca7f3c57ed09f3e7aa0fefbb4433eae4d5?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/60e71ee9d3c9922c5c831dc4fd053dca7f3c57ed09f3e7aa0fefbb4433eae4d5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/60e71ee9d3c9922c5c831dc4fd053dca7f3c57ed09f3e7aa0fefbb4433eae4d5?s=96&d=mm&r=g\",\"caption\":\"CrazyLeaf Editorial\"},\"description\":\"Follow us on Twitter @crazyleaf , Facebook , Pinterest\",\"sameAs\":[\"https:\\\/\\\/crazyleafdesign.com\\\/blog\",\"https:\\\/\\\/www.facebook.com\\\/crazyleafdesign\",\"https:\\\/\\\/x.com\\\/crazyleaf\"],\"url\":\"https:\\\/\\\/www.crazyleafdesign.com\\\/blog\\\/author\\\/administrator\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create 3D Clouds in CSS","description":"This tutorial shows you how to create beautiful, realistic 3D sprite-based clouds using CSS3 and Javascript.","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.crazyleafdesign.com\/blog\/create-3d-clouds-css\/","og_locale":"en_US","og_type":"article","og_title":"Create 3D Clouds in CSS","og_description":"This tutorial shows you how to create beautiful, realistic 3D sprite-based clouds using CSS3 and Javascript.","og_url":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/","og_site_name":"CrazyLeaf Design Blog","article_publisher":"http:\/\/www.facebook.com\/crazyleafdesign","article_author":"https:\/\/www.facebook.com\/crazyleafdesign","article_published_time":"2013-02-10T12:52:17+00:00","article_modified_time":"2016-04-08T06:13:47+00:00","og_image":[{"width":600,"height":226,"url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg","type":"image\/jpeg"}],"author":"CrazyLeaf Editorial","twitter_card":"summary_large_image","twitter_creator":"@crazyleaf","twitter_site":"@crazyleaf","twitter_misc":{"Written by":"CrazyLeaf Editorial"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#article","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/"},"author":{"name":"CrazyLeaf Editorial","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0"},"headline":"Create 3D Clouds in CSS","datePublished":"2013-02-10T12:52:17+00:00","dateModified":"2016-04-08T06:13:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/"},"wordCount":101,"commentCount":0,"publisher":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg","articleSection":["CSS"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/","name":"Create 3D Clouds in CSS","isPartOf":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#primaryimage"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#primaryimage"},"thumbnailUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg","datePublished":"2013-02-10T12:52:17+00:00","dateModified":"2016-04-08T06:13:47+00:00","description":"This tutorial shows you how to create beautiful, realistic 3D sprite-based clouds using CSS3 and Javascript.","breadcrumb":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#primaryimage","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2013\/02\/3d-simple-storm-clouds.jpg","width":600,"height":226,"caption":"3D Sotrm Clouds"},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazyleafdesign.com\/blog\/create-3d-clouds-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazyleafdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/"},{"@type":"ListItem","position":3,"name":"CSS","item":"https:\/\/www.crazyleafdesign.com\/blog\/category\/web-design\/css\/"},{"@type":"ListItem","position":4,"name":"Create 3D Clouds in CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#website","url":"https:\/\/www.crazyleafdesign.com\/blog\/","name":"CrazyLeaf Design Blog","description":"LETS INSPIRE IN WEB AND GRAPHIC DESIGN!","publisher":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazyleafdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#organization","name":"CrazyLeaf Design Blog","url":"https:\/\/www.crazyleafdesign.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2026\/10\/cropped-cld-logo-dark.png","contentUrl":"https:\/\/www.crazyleafdesign.com\/blog\/wp-content\/uploads\/2026\/10\/cropped-cld-logo-dark.png","width":690,"height":132,"caption":"CrazyLeaf Design Blog"},"image":{"@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/crazyleafdesign","https:\/\/x.com\/crazyleaf","https:\/\/www.pinterest.com\/crazyleaf\/"]},{"@type":"Person","@id":"https:\/\/www.crazyleafdesign.com\/blog\/#\/schema\/person\/b6a5ee60ad8ef2b81b481fc4deb4b9d0","name":"CrazyLeaf Editorial","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/60e71ee9d3c9922c5c831dc4fd053dca7f3c57ed09f3e7aa0fefbb4433eae4d5?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/60e71ee9d3c9922c5c831dc4fd053dca7f3c57ed09f3e7aa0fefbb4433eae4d5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/60e71ee9d3c9922c5c831dc4fd053dca7f3c57ed09f3e7aa0fefbb4433eae4d5?s=96&d=mm&r=g","caption":"CrazyLeaf Editorial"},"description":"Follow us on Twitter @crazyleaf , Facebook , Pinterest","sameAs":["https:\/\/crazyleafdesign.com\/blog","https:\/\/www.facebook.com\/crazyleafdesign","https:\/\/x.com\/crazyleaf"],"url":"https:\/\/www.crazyleafdesign.com\/blog\/author\/administrator\/"}]}},"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/13074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=13074"}],"version-history":[{"count":3,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/13074\/revisions"}],"predecessor-version":[{"id":21038,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/posts\/13074\/revisions\/21038"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media\/13077"}],"wp:attachment":[{"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=13074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=13074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=13074"},{"taxonomy":"adace-sponsor","embeddable":true,"href":"https:\/\/www.crazyleafdesign.com\/blog\/wp-json\/wp\/v2\/adace-sponsor?post=13074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}