{"id":511,"date":"2012-02-17T18:49:49","date_gmt":"2012-02-17T18:49:49","guid":{"rendered":"http:\/\/paulgurney.com\/whats_new_blog\/?p=511"},"modified":"2012-02-17T18:53:43","modified_gmt":"2012-02-17T18:53:43","slug":"css-3-box-shadow-properties","status":"publish","type":"post","link":"https:\/\/paulgurney.com\/whats_new_blog\/2012\/02\/css-3-box-shadow-properties\/","title":{"rendered":"CSS 3 &#8211; Box Shadow properties"},"content":{"rendered":"<p>The <strong><code>box-shadow<\/code> <\/strong>property in CSS3 allows a comma-separated list of shadow attribute values.<\/p>\n<p>These specify, in order, the <em>horizontal offset<\/em>, <em>vertical offset<\/em>, optional <em>blur distance<\/em> and optional <em>spread distance<\/em> of the shadow);<\/p>\n<p>Then,\u00a0 an optional <em>color value<\/em> and an optional \u2018<code>inset<\/code>\u2018 keyword.<\/p>\n<p><em>Inset<\/em> lets you create an inner shadow, rather than the default outer shadow.<\/p>\n<p>Examples:<\/p>\n<pre>  box-shadow: 5px 5px;\r\n  box-shadow: 5px 5px 15px #888;\r\n  box-shadow: inset 2px 2px 2px 2px black;\r\n  box-shadow: 5px 5px #666, -12px -12px #f4f4f4, 0px 0px 15px 15px #cc6600;<\/pre>\n<p>These are supported in newer browsers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The box-shadow property in CSS3 allows a comma-separated list of shadow attribute values. These specify, in order, the horizontal offset, vertical offset, optional blur distance and optional spread distance of the shadow); Then,\u00a0 an optional color value and an optional \u2018inset\u2018 keyword. Inset lets you create an inner shadow, rather than the default outer shadow. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/paulgurney.com\/whats_new_blog\/2012\/02\/css-3-box-shadow-properties\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CSS 3 &#8211; Box Shadow properties&#8221;<\/span><\/a><\/p>\n","protected":false},"author":55,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4,8,12],"tags":[],"class_list":["post-511","post","type-post","status-publish","format-standard","hentry","category-design","category-programming","category-website"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p415hC-8f","_links":{"self":[{"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/posts\/511","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/comments?post=511"}],"version-history":[{"count":8,"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/posts\/511\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/posts\/511\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/media?parent=511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/categories?post=511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/paulgurney.com\/whats_new_blog\/wp-json\/wp\/v2\/tags?post=511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}