Buat function buildKeyframes(name, steps) yang menghasilkan string @keyframes CSS.

Parameter steps adalah array of objects { percent, properties } di mana properties adalah object CSS.

Contoh:

buildKeyframes("fadeIn", [
  { percent: 0, properties: { opacity: 0 } },
  { percent: 100, properties: { opacity: 1 } }
])

Harus menghasilkan:

@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

Lalu buat function buildAnimationShorthand(name, duration, easing, iterationCount) yang mengembalikan string animation shorthand CSS.

Hint

• @keyframes syntax: @keyframes name { 0% { prop: val; } 100% { prop: val; } }. Setiap step adalah object {percentage, styles}.
• buildKeyframes(name, steps): iterasi steps, format setiap step sebagai "X% { prop: val; }". Wrap dalam "@keyframes name { ... }".
• animation shorthand: "name duration easing iterations". Contoh: "fadeIn 0.5s ease-out 1".