{"id":5370,"date":"2026-04-17T11:14:04","date_gmt":"2026-04-17T10:14:04","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=5370"},"modified":"2026-04-17T11:14:17","modified_gmt":"2026-04-17T10:14:17","slug":"checkbox-slide-switch","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/forms-css\/checkbox-forms-css\/checkbox-slide-switch","title":{"rendered":"Checkbox slide switch"},"content":{"rendered":"\n<h5 class=\"wp-block-heading\">CSS<\/h5>\n\n\n\n<pre class=\"wp-block-code\"><code>  .CheckboxSwitch {\n    width: 32px;\n    height: 18px;\n    background: #141416;\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 9px;\n    position: relative;\n    cursor: pointer;\n    transition: background 0.2s, border-color 0.2s;\n    appearance: none;\n    -webkit-appearance: none;\n    flex-shrink: 0;\n  }\n  .CheckboxSwitch::after {\n    content: '';\n    position: absolute;\n    width: 12px;\n    height: 12px;\n    background: #55556a;\n    border-radius: 50%;\n    top: 2px;\n    left: 2px;\n    transition: transform 0.2s, background 0.2s;\n  }\n  .CheckboxSwitch:checked { background: #8b7cf8; border-color: #8b7cf8; }\n  .CheckboxSwitch:checked::after { transform: translateX(14px); background: #fff; }<\/code><\/pre>\n\n\n\n<h5 class=\"wp-block-heading\">HTML<\/h5>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;input type=\"checkbox\" class=\"CheckboxSwitch\"><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>CSS HTML<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[392],"tags":[],"class_list":["post-5370","post","type-post","status-publish","format-standard","hentry","category-checkbox-forms-css"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/5370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=5370"}],"version-history":[{"count":1,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/5370\/revisions"}],"predecessor-version":[{"id":5371,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/5370\/revisions\/5371"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=5370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=5370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=5370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}