react · iansu · Oct 16, 2019 · Oct 16, 2019
diff --git a/packages/react-scripts/template-typescript/public/favicon.ico b/packages/react-scripts/template-typescript/public/favicon.ico
diff --git a/packages/react-scripts/template-typescript/public/logo192.png b/packages/react-scripts/template-typescript/public/logo192.png
diff --git a/packages/react-scripts/template-typescript/public/logo512.png b/packages/react-scripts/template-typescript/public/logo512.png
diff --git a/packages/react-scripts/template-typescript/src/App.css b/packages/react-scripts/template-typescript/src/App.css
@@ -3,7 +3,9 @@
 }
 
 .App-logo {
+ animation: App-logo-spin infinite 20s linear;
  height: 40vmin;
+ pointer-events: none;
 }
 
 .App-header {
@@ -18,5 +20,14 @@
 }
 
 .App-link {
- color: #09d3ac;
+ color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
 }
diff --git a/packages/react-scripts/template-typescript/src/logo.svg b/packages/react-scripts/template-typescript/src/logo.svg
diff --git a/packages/react-scripts/template/public/favicon.ico b/packages/react-scripts/template/public/favicon.ico
diff --git a/packages/react-scripts/template/public/logo192.png b/packages/react-scripts/template/public/logo192.png
diff --git a/packages/react-scripts/template/public/logo512.png b/packages/react-scripts/template/public/logo512.png
diff --git a/packages/react-scripts/template/src/App.css b/packages/react-scripts/template/src/App.css
@@ -3,7 +3,9 @@
 }
 
 .App-logo {
+ animation: App-logo-spin infinite 20s linear;
  height: 40vmin;
+ pointer-events: none;
 }
 
 .App-header {
@@ -18,5 +20,14 @@
 }
 
 .App-link {
- color: #09d3ac;
+ color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
 }