Question

请问任何人，解释如何更改标准bootstrap-3导航栏中折叠元素的transition属性？我希望过渡到这样的过程，但是使用“顶部”＃39;单击汉堡菜单时的属性：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

希望能帮到你

bootstrap-3更改导航栏折叠时的transition-property

1 个答案: