Generate CSS animation (CSSANIMATION) code quickly and copy or download the result for your project.
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.1); }
}
.target {
animation-name: pulse;
animation-duration: 2s;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: normal;
animation-fill-mode: none;
}Build CSS @keyframes animations visually. Set timing functions, delay, and per-keyframe properties; copy ready-to-use CSS.