Question

鼠标移动到div时向上移动一段距离后并显示另一个div

Answer 1

<style>
.d{
	height:400px;
	width:200px;
	background:#F00;
	-webkit-transition-property:height;  /*执行效果类*/
	-webkit-transition-duration:0.4s;/*执行效果时间*/
	-webkit-transition-timing-function:ease-in-out;}/*以相同的速度从开始到结束的过渡效果*/
.box:hover .d{
	height:200px;}
.box{
	height:400px;
	width:200px;
	overflow:hidden;}
.a{
	width:200px;
	height:200px;
	background:#0F0;}
</style>
<div class="box">
<div class="d">b</div>
<div class="a">a</div>
</div>