up

2017-04-21 09:34:49 +02:00 · 2017-04-21 09:34:49 +02:00 · 0576ea79d8
commit 0576ea79d8
parent 7a51c05ded
18 changed files with 375 additions and 109 deletions
--- a/5-animation/2-css-animations/3-animate-circle/source.view/index.html
+++ b/5-animation/2-css-animations/3-animate-circle/source.view/index.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <style>
+    .circle {
+      transition-property: width, height, margin-left, margin-top;
+      transition-duration: 2s;
+      position: fixed;
+      transform: translateX(-50%) translateY(-50%);
+      background-color: red;
+      border-radius: 50%;
+
+      width: 200px;
+      height: 200px;
+      top: 150px;
+      left: 150px;
+    }
+  </style>
+</head>
+
+<body>
+
+  <div class="circle"></div>
+
+</body>
+</html>