The right border isn’t transitioning any different from the others it’s just that the left border from the next item is sitting on top because of the
margin-left: -2px; you have in place.
z-index can be transitioned but not in the way you think. It will still snap to above/below because it is based on whole numbers…there’s no
z-index:1.5 for instance.