我想在另一个浮动元素出现时为浮动元素设置动画

Question

我对以下代码有疑问：                              

.floated {
    Position: relative;
    Float: left;
    Width: 100%;
    Transition: top 500ms linear;
}

.div1 {
    display: none;
}

.div2 {
  display: relative;
}  

当我将第一个元素显示设置为相对时，我想要将第二个浮动元素设置为动画。它不适用于过渡。