up

2017-03-21 14:41:49 +03:00 · 2017-03-21 14:41:49 +03:00 · ab9ab64bd5
commit ab9ab64bd5
parent 4ae129054e
476 changed files with 3370 additions and 532 deletions
--- a/5-animation/2-css-transitions/1-animate-logo-css/solution.view/index.html
+++ b/5-animation/2-css-transitions/1-animate-logo-css/solution.view/index.html
@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <style>
+    img {
+      cursor: pointer;
+    }
+  </style>
+  <style>
+    #flyjet {
+      width: 40px;
+      height: 24px;
+      transition: all 3s;
+    }
+    
+    #flyjet.growing {
+      width: 400px;
+      height: 240px;
+    }
+  </style>
+</head>
+
+<body>
+
+  <img id="flyjet" src="https://js.cx/clipart/flyjet.jpg">
+
+  <script>
+    flyjet.onclick = function() {
+
+      let ended = false;
+
+      flyjet.addEventListener('transitionend', function() {
+        if (!ended) {
+          ended = true;
+          alert('Готово!');
+        }
+      });
+
+      flyjet.classList.add('growing');
+    }
+  </script>
+
+</body>
+
+</html>