.class-1 { animation: fade 3s cubic-bezier(0.25, 0.1, 0.25, 1); } .class-2 { animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .class-3 { transition: fade 3s cubic-bezier(0.25, 0.1, 0.25, 1); } .class-4 { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .class-5 { transition-timing-function: CUBIC-BEZIER(0.25, 0.1, 0.25, 1); } .class-6 { /* invalid */ foo: cubic-bezier(0.25, 0.1, 0.25, 1, 0, 0, 0, 0); } .class-7 { /* linear */ transition-timing-function: cubic-bezier(0, 0, 1, 1); } .class-8 { /* ease */ transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .class-9 { /* ease-in */ transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } .class-10 { /* ease-out */ transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } .class-11 { /* ease-in-out */ transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } .class-12 { /* step-start */ transition-timing-function: steps(1, start); } .class-12 { transition-timing-function: steps(1, START); } .class-13 { transition-timing-function: STEPS(1, start); } .class-14 { transition-timing-function: steps(1, jump-start); } .class-15 { transition-timing-function: steps(1, JUMP-START); } .class-16 { transition-timing-function: STEPS(1, jump-start); } .class-17 { /* step-end */ transition-timing-function: steps(1, end); } .class-18 { transition-timing-function: steps(1, END); } .class-19 { transition-timing-function: STEPS(1, end); } .class-20 { transition-timing-function: steps(1, jump-end); } .class-21 { transition-timing-function: steps(1, JUMP-END); } .class-22 { transition-timing-function: STEPS(1, jump-end); } .class-23 { transition-timing-function: steps(1); } .class-24 { transition-timing-functionf: steps(1, end); } .class-25 { transition-timing-function: STEPS(1); } .class-26 { transition-timing-function: steps(5, start); } .class-27 { transition-timing-function: steps(5, jump-start); } .class-28 { transition-timing-function: steps(10, end); } .class-29 { transition-timing-function: steps(10, jump-end); } .class-30 { transition-timing-function: steps(15); } .class-31 { transition-timing-function: cubic-bezier(0, 0, 1, 1); } .class-32 { transition-timing-function: cubic-bezier(0.250, 0.10, 0.250, 1); } .class-33 { transition-timing-function: cubic-bezier(0.250, 1e-1, 0.250, 1); } .class-34 { animation-timing-function: cubic-bezier(0, 0, 1, 1), cubic-bezier(0, 0, 1, 1), steps(1, start) } .class-35 { animation-timing-function: cubic-bezier(); } .class-36 { animation-timing-function: steps(); } .class-37 { animation-timing-function: cubic-bezier(var(--foo), var(--bar), var(--baz), var(--foz)); } .class-38 { animation-timing-function: cubic-bezier(0.25, var(--foo), 0.25, 1); }