Add to favorites
So I figured this out by mistake and had my mind blow when I saw it. Haha I have been programming with CSS for 7 years and I didn’t know this!
I was adjusting default bootstrap checkbox colours and I accidentally typed an additional colour without clearing and it ended up splitting the colours. Looks quite cool! Check how the border splits half half on each side with the colours.
.form-check-input:checked {
background-color: #000;
border-color: #000#FFF;
}