{"id":2746,"date":"2022-08-04T08:30:58","date_gmt":"2022-08-04T12:30:58","guid":{"rendered":"https:\/\/endlesshybrids.com\/?p=2746"},"modified":"2022-08-04T08:30:58","modified_gmt":"2022-08-04T12:30:58","slug":"some-resources-on-css-gradient-backgrounds","status":"publish","type":"post","link":"https:\/\/endlesshybrids.com\/web-development\/some-resources-on-css-gradient-backgrounds\/","title":{"rendered":"Some resources on CSS gradient backgrounds"},"content":{"rendered":"\n<p>A static colored background seems so tired these days. A CSS gradient background can add some pop to your page. Here are two tools to help you pick gradient colors:<\/p>\n\n\n\n<p><a href=\"https:\/\/uigradients.com\/\">https:\/\/uigradients.com\/<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/cssgradient.io\/\">https:\/\/cssgradient.io\/<\/a><\/p>\n\n\n\n<p>And here&#8217;s a detailed article on using CSS gradients:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-css-tricks wp-block-embed-css-tricks\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"xRRynjWbMU\"><a href=\"https:\/\/css-tricks.com\/a-complete-guide-to-css-gradients\/\">A Complete Guide to CSS Gradients<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;A Complete Guide to CSS Gradients&#8221; &#8212; CSS-Tricks\" src=\"https:\/\/css-tricks.com\/a-complete-guide-to-css-gradients\/embed\/#?secret=tr86uYWf8a#?secret=xRRynjWbMU\" data-secret=\"xRRynjWbMU\" width=\"500\" height=\"282\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Test out the backgrounds on a full page. A background that might look cool in a small box on a sample page might not go over so well on a full page. Also, watch the contrast with the typeface color.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A static colored background seems so tired these days. A CSS gradient background can add some pop to your page. Here are two tools to help you pick gradient colors: https:\/\/uigradients.com\/ https:\/\/cssgradient.io\/ And here&#8217;s a detailed article on using CSS gradients: Test out the backgrounds on a full page. A background that might look cool [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":[],"categories":[38],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/2746"}],"collection":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/comments?post=2746"}],"version-history":[{"count":3,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/2746\/revisions"}],"predecessor-version":[{"id":2750,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/posts\/2746\/revisions\/2750"}],"wp:attachment":[{"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/media?parent=2746"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/categories?post=2746"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/endlesshybrids.com\/wp-json\/wp\/v2\/tags?post=2746"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}