css animation opacity element entry code example

Example 1: how to make animation stay on 100%

animation-fill-mode:forwards;

Example 2: opacity transition in css

/*
Opacity transition in CSS

By using this we can add element transition with some delay.
And due to transition delay its look like animation of element.
*/

div {
  transition: opacity 0.5s; /* Transition should take 0.3s */
  -webkit-transition: opacity 0.5s; /* Transition should take 0.3s */
  opacity: 1; /* Set opacity to 1 */
}

/*
I hope it will help you.
Namaste
*/

Tags:

Css Example

Related