The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Bug with my CSS animation
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
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); } }
That is in place now, but not fixing it.
I see, it does not always blink when reloading, sry.
Instead of transtransition to : blur(0px) you can go to blur(0.3px)