我是 CSS 新手，我的过渡代码有问题，它只在我第一次单击它后才起作用，第一次单击它时，它会立即更改而没有效果（ transition ）。
这是我的代码可以帮助我（解释），谢谢。
这是我的 CSS 代码：
.holder {
width: 400px;
height: 400px;
margin: auto;
background-color: red;
overflow: hidden;
text-align: center;
}
.image-holder {
width: 1200px;
height: 400px;
background-color: yellow;
clear: both;
position: relative;
-o-transition: 5s;
transition: 5s;
}
.button-holder {
position: relative;
top: -20px;
}
.button {
display: inline-block;
height: 10px;
width: 10px;
border-radius: 5px;
background-color: brown;
}
.slider-image {
float: left;
margin: 0;
padding: 0;
position: relative;
}
#change1:target~.image-holder {
right: 0;
}
#change2:target~.image-holder {
right: …