Merge pull request #2 from scotch83/a-more-magic-grid

A new version with a white background and hidden coloured squares

Author: scotch83

main.css

@@ -20,7 +20,7 @@ body,
     position: absolute;
     min-height: 50px;
     min-width: 50px;
-    opacity: .5;
+    opacity: 0;
     transition: all 1s, z-index 0s 2s;
 }
 .squareAnimated {

main.js

@@ -33,7 +33,6 @@ MagicGrid.prototype.getSquare = function () {
     square.style.backgroundColor = color;
 
     const squareContainer = document.createElement('div');
-    squareContainer.style.backgroundColor = color;
     squareContainer.onmouseenter = (e) => {
         if (!this.wClicked) return;
         this.animateSquareEvent(e, square);