动画绝对div

Question

在内部相对得到一个绝对的div，我需要那个绝对的div来跳出容器悬停。

基本的HTML将是

<div class="container">
   <div class="animated t50">See more</div>
</div>

CSS

.container {
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
}
.animated {
    position: absolute;
    bottom: -5%;
}
.t50 {
    transition :0.5s;
    /*and further on with all the prefixes*/
}
.container:hover > .animated {
    bottom: 5%;
}

所以，显然有些东西我不知道......

Answer 1

您必须在父容器上设置overflow: visible。

以下是JS Bin的一个例子：http://jsbin.com/luhekatale/1/