Latihan 1: CSS Transitions — Web Animation

Latihan 1 dari materi CSS Transitions di Web Animation — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Buat function buildTransition(property, duration, easing) yang mengembalikan string CSS transition shorthand.

Contoh: buildTransition("opacity", "0.3s", "ease-out")"opacity 0.3s ease-out"

Lalu buat function buildMultiTransition(transitions) yang menerima array of objects [{ property, duration, easing }] dan mengembalikan string transition gabungan yang dipisahkan koma.

Contoh: buildMultiTransition([{ property: "opacity", duration: "0.3s", easing: "ease" }, { property: "transform", duration: "0.5s", easing: "ease-out" }])"opacity 0.3s ease, transform 0.5s ease-out"

Hint