Translate

7-animation/2-css-animations/1-animate-logo-css/solution.md

@@ -1,17 +1,17 @@
 
-CSS to animate both `width` and `height`:
+CSS untuk menganimasikan `width` dan `height`:
 ```css
-/* original class */
+/* class original */
 
 #flyjet {
   transition: all 3s;
 }
 
-/* JS adds .growing */
+/* JS menambahkan .growing */
 #flyjet.growing {
   width: 400px;
   height: 240px;
 }
 ```
 
-Please note that `transitionend` triggers two times -- once for every property. So if we don't perform an additional check then the message would show up 2 times.
+Perlu diingat bahwa `transitionend` memicu dua kali -- sekali untuk setiap properti. Jadi jika kita tidak ingin melakukan pengecekan tambahan maka pesannya akan muncul 2 kali.

7-animation/2-css-animations/1-animate-logo-css/task.md

@@ -1,14 +1,15 @@
-importance: 5
+Nilai: 5
 
 ---
 
-# Animate a plane (CSS)
+# Animasi sebuah bidang (CSS)
 
-Show the animation like on the picture below (click the plane):
+Tampilkan animasi seperti gambar dibawah (klik pada bidang):
 
 [iframe src="solution" height=300]
 
-- The picture grows on click from `40x24px` to `400x240px` (10 times larger).
-- The animation takes 3 seconds.
-- At the end output: "Done!".
+- Gambarnya membesar saat di klik dari `40x24px` menjadi `400x240px` (10 kali lebih besar).
+- Animasinya memakan waktu 3 detik.
+- Saat selesai keluarkan: "Done!".
 - During the animation process, there may be more clicks on the plane. They shouldn't "break" anything.
+- Pada saat proses animasi, mungkin akan terjadi lebih dari 1 klik pada bidangnya. Klik-klik tersebut tidak boleh membuat aplikasinya *error*.