[css] transition all

[Costas]

ref - https://css-tricks.com/almanac/properties/t/transition/

<style>
.testArea {
	height: 120px;
	float: left;
	padding: 10px 10px 0 10px;
	background: #ebebeb;
	margin-right: 20px;
	position: relative;
	transition: all .2s;
	margin-top: 10px;
}

.testArea:hover {
	cursor: pointer;
	background: #c4c3c3 !important;
}
</style>

<div class="testArea">
</div>