如何去除上部div时的转换
问题描述:
我想知道如何在上部DIV被删除时如何进行一个div的转换...我知道有很多关于它的问题,但它们都使用Jquery和我不想用它。我怎样才能做到这一点?如何去除上部div时的转换
例如:
<div class='father'>
<div class='child'>
<div class='child'>
<div class='child'>
<div class='child'>
<div>
当上孩子的DOM的去除,其他的div有一个过渡了......这可能吗?
答
它应该与将transition
添加到.child
类一样简单。这取决于你如何去除上面的div。 这里有一个例子
.child {
height: 200px;
background: #666;
border: 1px solid;
transition: 1s;
}
#top:hover {
height: 0;
}
#next {
transition: 1s;
}
<div>
<div class="child" id="top">hover over this div to hide it</div>
<div class="child" id="next">this div will move up</div>
</div>