Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Bug with my CSS animation

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #272201
    amidigital
    Participant

    There is a blur animation on the headline seen here. https://specsappealga.com/lense-products/

    You will notice that after the animation finishes… the headline quickly blinks off and on.

    See it? What gives?

    Thanks,
    Aaron

    #272229
    chris_2080
    Participant

    If i add 50% {filter: blur(15px);} to @keyframes slide-caption, it does not blink.
    try

    @keyframes slide-caption {
      0% {filter: blur(30px);}
      50% {filter: blur(15px);}
      100% {filter: blur(0px); }
    }
    
    #272241
    amidigital
    Participant

    That is in place now, but not fixing it.

    #272350
    chris_2080
    Participant

    I see, it does not always blink when reloading, sry.

    Instead of transtransition to : blur(0px) you can go to blur(0.3px)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.