Filter Animations Generator

Combine filter effects with smooth transitions and animations

Animation Settings

Configure filter animation properties

Animation Type

Duration: 2s

Delay: 0s

Timing Function

Iteration Count: Infinite

Live Preview

See your filter animation in action

FILTER

Generated Filter Animation Code

CSSSCSS

@keyframes blurPulse {
  0%, 100% { filter: blur(0px); }
  50% { filter: blur(5px); }
}

.filter-animation {
  animation: blurPulse 2s ease-in-out 0s infinite;
}