如何更改块中的背景颜色

Question

http://livedemo00.template-help.com/wt_47760/

你好。我怎么能这样做你看到这个块。我想要那样做吗？ Help.Thank`s

Answer 1

Codepen（jsFiddle目前不适合我）。

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;

}