Can I animate multiple properties in one keyframe?

Yes. Each stop accepts any number of CSS property-value pairs.

Does it preview the animation live?

Yes. A preview box plays the animation in real time as you adjust keyframe values.

They are identical. from and to are aliases for 0% and 100% in CSS keyframes.

Yes. Download the @keyframes as a standalone .css file or copy the text directly.

Add keyframe stops and property values to generate a complete @keyframes animation rule.

demo

CSS Output