{"id":74,"date":"2010-03-30T20:10:39","date_gmt":"2010-03-31T03:10:39","guid":{"rendered":"http:\/\/www.coastalvectors.com\/blog\/?p=74"},"modified":"2015-01-16T15:32:23","modified_gmt":"2015-01-16T22:32:23","slug":"css-fun","status":"publish","type":"post","link":"https:\/\/www.coastalvectors.com\/blog\/2010\/03\/css-fun\/","title":{"rendered":"CSS Fun"},"content":{"rendered":"<p><center><iframe loading=\"lazy\" src=\"http:\/\/www.coastalvectors.com\/clients\/caldwell_michael\/tilt\/\" width=\"372\" height=\"330\" SCROLLING=false FRAMEBORDER=0><\/iframe><\/center><\/p>\n<p>So, today I worked with a friend to figure out how to do a partially rotating image with just CSS, and no JavaScript. I took some pictures of a toy Delorean, and cleaned them up to be my subject matter. If you mouse over the image, it will change degrees a little bit. It was a fun little project, and I think ended up being a clean implementation. Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, today I worked with a friend to figure out how to do a partially rotating image with just CSS, and no JavaScript. I took some pictures of a toy Delorean, and cleaned them up to be my subject matter. If you mouse over the image, it will change degrees a little bit. It was &hellip; <a href=\"https:\/\/www.coastalvectors.com\/blog\/2010\/03\/css-fun\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">CSS Fun<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-74","post","type-post","status-publish","format-standard","hentry","category-design"],"_links":{"self":[{"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/posts\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":6,"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.coastalvectors.com\/blog\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}