.clock {
position: relative;
width: 100px;
height: 100px;
}
.clock:before,
.clock:after {
content: “”;
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 80px;
transform: translate(-50%, -50%);
background-color: red;
}
.clock:before {
left: 0;
width: 100px;
background-color: blue;
}
.clock:after {
right: 0;
width: 100px;
background-color: green;
}