p
{
	transition: color 3s ease 1500ms, width 1s ease-in 0s, height 2s ease-out 0.2s;
	-moz-transition: color 3s ease 1500ms, width 1s ease-in 0s, height 2s ease-out 0.2s;
	-webkit-transition: color 3s ease 1500ms, width 1s ease-in 0s, height 2s ease-out 0.2s;
	-o-transition: color 3s ease 1500ms, width 1s ease-in 0s, height 2s ease-out 0.2s;
    width: 400px;
    height: 200px;
    color: #fff;
    background-color: #a5a5a5;
    border: 2px solid #000;
	margin: auto;
	text-align: center;
}
p:hover
{
   width: 300px;
   height: 300px;
   color: #000;
}