{"id":5357,"date":"2017-08-22T10:29:50","date_gmt":"2017-08-22T15:29:50","guid":{"rendered":"http:\/\/www.killersites.com\/blog\/?p=5357"},"modified":"2017-08-23T07:30:02","modified_gmt":"2017-08-23T12:30:02","slug":"make-images-round-with-css3","status":"publish","type":"post","link":"https:\/\/www.killersites.com\/blog\/2017\/make-images-round-with-css3\/","title":{"rendered":"Make Images Round with CSS3"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" style=\"float: right; margin: 30px; border-radius: 50%\" src=\"https:\/\/www.killervideostore.com\/blog\/wp-content\/uploads\/2017\/08\/stefan_mischook-150x150.png\" alt=\"\" width=\"150\" height=\"150\" class=\"alignright size-thumbnail wp-image-443\" \/><\/p>\n<p>In the old days, we had to go to Photoshop (or some other image editor) to create rounded PNG or GIF files, to create images that were round. Now you can do this with simple CSS3 applied to your image:<\/p>\n<blockquote>\n<pre>style=\"border-radius: 50%;\"<\/pre>\n<\/blockquote>\n<p>This is what my picture looks like without the CSS:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.killervideostore.com\/blog\/wp-content\/uploads\/2017\/08\/stefan_mischook-150x150.png\" alt=\"\" width=\"150\" height=\"150\" class=\"alignnone size-thumbnail wp-image-443\" \/><\/p>\n<p>This is just one small example, where CSS3 makes much of what we used to do with Photoshop in web design, obsolete. If you want to learn CSS3, my <a href=\"https:\/\/shop.killervideostore.com\/\">CSS course in my IWD package<\/a> will teach you fast! <\/p>\n<p>Stef<\/p>\n","protected":false},"excerpt":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" style=\"float: right; margin: 30px; border-radius: 50%\" src=\"https:\/\/www.killervideostore.com\/blog\/wp-content\/uploads\/2017\/08\/stefan_mischook-150x150.png\" alt=\"\" width=\"150\" height=\"150\" class=\"alignright size-thumbnail wp-image-443\" \/><\/p>\n<p>In the old days, we had to go to Photoshop (or some other image editor) to create rounded PNG or GIF files, to create images that were round. Now you can do this with simple CSS3 applied to your image:<\/p>\n<blockquote>\n<pre>style=\"border-radius: 50%;\"<\/pre>\n<\/blockquote>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,88],"tags":[],"_links":{"self":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/5357"}],"collection":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/comments?post=5357"}],"version-history":[{"count":5,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/5357\/revisions"}],"predecessor-version":[{"id":5363,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/posts\/5357\/revisions\/5363"}],"wp:attachment":[{"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/media?parent=5357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/categories?post=5357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.killersites.com\/blog\/wp-json\/wp\/v2\/tags?post=5357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}