translate plane task

Author: InanBerkin

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

@@ -1,17 +1,17 @@
 
-CSS to animate both `width` and `height`:
+`width` ve `height` özelliklerinin animasyonu için CSS:
 ```css
-/* original class */
+/* orijinal class */
 
 #flyjet {
   transition: all 3s;
 }
 
-/* JS adds .growing */
+/* JS .growing ekliyor*/
 #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.
+Dikkat et! `transitionend` iki kere tetikleniyor -- her özellik için bir kere. Eğer bir konrol yapmazsak mesaj 2 kere gözükecek.

7-animation/2-css-animations/1-animate-logo-css/solution.view/index.html

@@ -34,7 +34,7 @@
       flyjet.addEventListener('transitionend', function() {
         if (!ended) {
           ended = true;
-          alert('Done!');
+          alert('Bitti!');
         }
       });
 

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

@@ -2,13 +2,13 @@ importance: 5
 
 ---
 
-# Animate a plane (CSS)
+# Uçağa animasyon ekle (CSS)
 
-Show the animation like on the picture below (click the plane):
+Aşağıdaki gibi bir animasyon yap (Uçağa tıkla):
 
 [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!".
-- During the animation process, there may be more clicks on the plane. They shouldn't "break" anything.
+- Resim tıklanınca boyutu `40x24px`'den `400x240px`'e çıkıyor.
+- Animasyon 3 saniye sürüyor.
+- Bitince "Bitti!" diye mesaj göster.
+- Animasyon süresince uçağa birden çok kere tıklanabilir. Bu tıklamalar bir şeyi bozmamalıdır.