How to keep styles after animation?

by

Try with:

#fadein {
  -webkit-animation-fill-mode: forwards; /* Chrome 16+, Safari 4+ */
  -moz-animation-fill-mode: forwards;    /* FF 5+ */
  -o-animation-fill-mode: forwards;      /* Not implemented yet */
  -ms-animation-fill-mode: forwards;     /* IE 10+ */
  animation-fill-mode: forwards;         /* When the spec is finished */
}

More Related Contents:

  1. How to keep origin in center of image in scale animation?
  2. How to make blinking/flashing text with CSS 3
  3. How can I create a marquee effect?
  4. Rotate objects around circle using CSS?
  5. Imitating a blink tag with CSS3 animations
  6. Animating Linear Gradient using CSS
  7. left-right movement.. css only very generic
  8. CSS border color switch animation: “from” color not correct
  9. How to Animate Gradients using CSS
  10. How to run the CSS3 animation to the end if the selector is not matching anymore?
  11. Ring-shaped process spinner with fading gradient effect around the ring
  12. CSS animate custom properties/variables
  13. infinite loop slider using keyframes css3
  14. How can I make this background to see full?
  15. How to make an element width: 100% minus padding?
  16. Fix footer to bottom of page
  17. When to use the !important property in CSS [duplicate]
  18. Force flex item to span full row width
  19. Removing body margin in CSS
  20. Google Fonts are not rendering on Google Chrome
  21. Inline elements and line-height
  22. Using CSS to insert text
  23. Rounded table corners CSS only
  24. How does one use the onerror attribute of an img element
  25. Bootstrap 4 – Responsive cards in card-columns
  26. Add outward curving border to elements like this: ◝◟___◞◜
  27. Target IE9 Only via CSS [duplicate]
  28. How to define a dynamic mixin or function name in SASS?
  29. How do browsers calculate width when child depends on parent, and parent’s depends on child’s
  30. Create wavy borders in CSS for top and bottom borders

Leave a Comment