- created logo FreePlanet in SVG animation !

2019-01-08 01:22:09 +01:00
parent 24e6f47801
commit f715aab9d5
22 changed files with 409 additions and 51 deletions
--- a/src/components/logo/logo.scss
+++ b/src/components/logo/logo.scss
@@ -0,0 +1,48 @@
+.svgclass{
+  color: white;
+  transform: translateY(0px);
+
+}
+
+.svgclass_animate {
+  transform: translateY(-70px);
+  color: red;
+}
+
+#sun {
+  animation: around 5s infinite;
+
+}
+
+@keyframes gravity{
+  0%{
+    transform: rotateY(0deg);
+  }
+  100%{
+    transform: rotateY(360deg);
+  }
+}
+
+
+@keyframes around {
+  0% {
+    cx: 20;
+    cy: 22;
+  }
+  20% {
+    cx: 25;
+    cy: 24;
+  }
+  50% {
+    cx: 40;
+    cy: 26;
+  }
+  80% {
+    cx: 55;
+    cy: 24;
+  }
+  100% {
+    cx: 60;
+    cy: 22;
+  }
+}