animation opacity css 1 to 0.5 code example

Example 1: css opacity animation

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

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

Example 2: css opacity from 0 to 1

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}