Animate a layer in and out when changing a selection.

animate-layer-sideways.css

/*
The Layer must have a specific class to target the images.
In this example, we use the class "bezel"
See it working on http://demos.mklacroix.com/configurable-watch/
*/

.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img.bezel:not(.active) {
    transform: translateX(calc(-50% - 300px)) translateY(-50%);
}

.mkl_pc .mkl_pc_container .mkl_pc_viewer .mkl_pc_layers img.bezel.active ~ img.bezel:not(.active) {
    transform: translateX(calc(-50% + 300px)) translateY(-50%);
}

This will move the angle selector to the bottom corner on the Float or WSB theme.

.mkl_pc .mkl_pc_container .mkl_pc_viewer .angles-select {
    top: auto;
    bottom: 5em;
    left: 2em;
}

You can adjust the exact position by changing the bottom and left values.