Color Pulse
Canvas
First Color
Second Color
Animation
Name
Duration
Timing Function
ease
ease-in
ease-out
ease-in-out
linear
cubic-bezier(.17,.67,.43,1)
cubic-bezier(0, 0.5, 0, 1)
cubic-bezier(0.1, 0.7, 1.0, 0.1)
cubic-bezier(0.2, 1, 0.3, 1)
cubic-bezier(0.215, 0.610, 0.355, 1.000)
cubic-bezier(0.25, 0.25, 0.75, 0.75)
cubic-bezier(0.550, 0.085, 0.680, 0.530)
cubic-bezier(0.645, 0.045, 0.355, 1)
cubic-bezier(0.755, 0.050, 0.855, 0.060)
step-start
step-end
steps(4,jump-end)
steps(10, jump-end)
steps(20, jump-none)
steps(5, jump-both)
steps(6, start)
steps(8, end)
inherit
initial
unset
Transition
Size
Height
Width
Css
@keyframes color { 0% { background-color: #ee2496 } 65% { background-color: #b8ac1e } 100% { background-color: #ee2496 } } .animation-color-pulse { animation-name: color; animation-direction: alternate; animation-duration: 3703ms; animation-iteration-count: infinite; animation-timing-function: linear; }
Next
Grid view