how to do animation on css with transition code example

Example 1: css tricks transition

.example {
    transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];
}

Example 2: css tricks transition

div {
  transition: all 0.5s ease;
  background: red;
  padding: 10px;
}
div:hover {
  background: green;
  padding: 20px;
}