I need to animate the blur of the blur element blur(3px); , it is ridiculous, but I could not find a solution in Google. Animation stubbornly wants to go back and does not want to "hang on the achieved result."

Whatever I do, it still causes the animation to go back to blur(0);

    1 answer 1

    To control this behavior, there is an animation-fill-mode attribute. You need to set it to forwards (default is none , that is, at the end of the animation, the element returns to its initial state, and the styles specified in the animation do not apply to it).

    Do not forget about the prefixes, if you do not use autoprefixes. The property is detailed here: http://www.w3schools.com/cssref/css3_pr_animation-fill-mode.asp