2017-10-20 76 views
-2

我想知道如何在上部DIV被删除时如何进行一个div的转换...我知道有很多关于它的问题,但它们都使用Jquery和我不想用它。我怎样才能做到这一点?如何去除上部div时的转换

例如:

<div class='father'> 
    <div class='child'> 
    <div class='child'> 
    <div class='child'> 
    <div class='child'> 
<div> 

当上孩子的DOM的去除,其他的div有一个过渡了......这可能吗?

回答

1

它应该与将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>