renames

2017-05-25 11:56:32 +03:00 · 2017-05-25 11:56:32 +03:00 · 455d300d8d
commit 455d300d8d
parent 787d58a83f
280 changed files with 2 additions and 2 deletions
--- a/3-animation/2-css-animations/1-animate-logo-css/solution.view/index.html
+++ b/3-animation/2-css-animations/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://en.js.cx/clipart/flyjet.jpg">
+
+  <script>
+    flyjet.onclick = function() {
+
+      let ended = false;
+
+      flyjet.addEventListener('transitionend', function() {
+        if (!ended) {
+          ended = true;
+          alert('Done!');
+        }
+      });
+
+      flyjet.classList.add('growing');
+    }
+  </script>
+
+</body>
+
+</html>