Demo 1 transition

by Pranab Dey

HTML

<div class="box">
  <p>This is my box content</p>
</div>

CSS

.box {
  width: 150px;
  height: 150px;
  background: red;
  transition: background 0.2s linear;
  padding: 5px;
}

.box:hover {
  background: green;
  transition: background 0.2s linear;
}