Codepen (jsFiddle wont work for me at the moment).
HTML:
<div>
<p></p>
</div>
CSS:
*{
margin:0;
padding:0;
}
div{
height:250px;
width:250px;
position:relative;
background:black;
margin:0;
}
p{
position:absolute;
top:125px;
left:125px;
width:0;
height:0;
background:red;
transition:.5s;
}
div:hover p{
height:250px;
width:250px;
top:0;
left:0;
}
2
solved How change background color in block [closed]