2017-10-20 75 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>