HTML

Donghyeok Yun
Donghyeok Yun
4,514 Points

How to stay fadedOut in css and html

I created this fading out text animation, how can I make sure the text stays faded away tho. Because the text comes back.

h1 { opacity: 0; animation: fadeOut; animation-duration: 2s; animation-delay: 2s; }

@keyframes fadeOut { from { opacity: 1; }

  to {
        opacity: 0;
  }

}

1 Answer

Steven Parker
Steven Parker
203,728 Points

To keep the settings at the "to" values after the animation is over, add this property:

  animation-fill-mode: forwards;