{"id":10390,"date":"2018-12-15T06:00:31","date_gmt":"2018-12-15T06:00:31","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=10390"},"modified":"2018-12-15T06:03:14","modified_gmt":"2018-12-15T06:03:14","slug":"google-material-style-checkbox-css-only","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/google-material-style-checkbox-css-only\/","title":{"rendered":"GOOGLE MATERIAL STYLE CHECKBOX (CSS ONLY)"},"content":{"rendered":"\n<p>Checkboxes based upon the material design implementation of the polymer checkboxes. They don\u2019t fully replicate these but are just an exercise to imitate them with just css. These only work in chrome \ud83d\ude42<br>Made by Sam<br>August 12, 2016<a rel=\"noreferrer noopener\" target=\"_blank\" href=\"http:\/\/codepen.io\/Sambego\/pen\/zDLxe\/\"><\/a><\/p>\n\n\n<a href=\"http:\/\/codepen.io\/Sambego\/share\/zip\/zDLxe\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n\n\n<a href=\"http:\/\/codepen.io\/Sambego\/pen\/zDLxe\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Checkboxes based upon the material design implementation of the polymer checkboxes. They don\u2019t fully replicate these but are just an exercise to imitate them with just css. These only work in chrome \ud83d\ude42Made by SamAugust 12, 2016<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":10401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2901],"tags":[20,2907,2933],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/10390"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=10390"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/10390\/revisions"}],"predecessor-version":[{"id":10412,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/10390\/revisions\/10412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/10401"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=10390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=10390"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=10390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}