bootstrap-3 在导航栏折叠时更改转换属性

Question

谁能解释一下如何在标准 bootstrap-3 导航栏中更改折叠元素的转换属性？我希望过渡是这样的，但在单击汉堡菜单时具有“顶部”属性：http://jsfiddle.net/2vLjU/1/

<div class="wrapper">
    <img id="slide" src="http://lorempixel.com/output/cats-q-c-100-100-4.jpg" />
</div>

.wrapper {
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px; 
    border: 1px solid black;
}

#slide {
    position: absolute;
    left: -100px;
    width: 100px;
    height: 100px;
    background: blue;
    transition: 1s;
}

.wrapper:hover #slide {
    transition: 1s;
    left: 0;
}

Answer 1

请参阅我在这里制作的以下示例： http://jsfiddle.net/f5jzo25t/

我使用的 css3 ':target' 与 'a' 元素配合得很好。

img:target {
  left: 0;
  transition: 1s;
}

您可以阅读更多相关信息： https://www.w3schools.com/cssref/sel_target.asp

希望对你有帮助