css animation all code example

Example 1: scss transition

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

Example 2: css opacity animation

<style>
.myelement{
  animation: fade-out;
}

@keyframes fade-out{
  0%{
    opacity: 1.0
  }
  100{
    opacity: 0.0
  }
}
</style>