<!doctype html>
<html lang="en">
<head>
  <title>React Redux Starter Kit</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/bootstrap.min.css">

  <style type="text/css" media="screen">
    .headline {
      margin-bottom: 50px;
    }

    .controls {
      margin-bottom: 25px;
    }

    .controls .btn {
      min-width: 45px;
      margin-right: 4px;
    }

    .cells table {
      border-style: solid;
      border-width: 1px;
    }
    .cells td {
      width: 20px;
      height: 20px;
    }

    .cells td.alive {
      background-color: black;
    }

    .cells {
      margin-bottom: 25px;
    }

    .dimensions input.form-control {
      width: 80px;
      margin-right: 10px;
    }

    /* Hack, somehow React breaks the Bootstrap CSS */

    form label {
      margin-right: 3px;
    }

  </style>

</head>
<body>
  <div id="root" style="height: 100%"></div>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
  <title>React Redux Starter Kit</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/bootstrap.min.css">

  <style type="text/css" media="screen">
    .headline {
      margin-bottom: 50px;
    }

    .controls {
      margin-bottom: 25px;
    }

    .controls .btn {
      min-width: 45px;
      margin-right: 4px;
    }

    .cells table {
      border-style: solid;
      border-width: 1px;
    }
    .cells td {
      width: 20px;
      height: 20px;
    }

    .cells td.alive {
      background-color: black;
    }

    .cells td.dead {
      background-color: white;
    }

    .cells {
      margin-bottom: 25px;
    }

    @keyframes fadeIn {
      0% {
        transform: scale(0.1);
        opacity: 1;
      }
      100% {
        transform: scale(1);
      }
    }

    .cells .alive {
      animation-duration: 0.05s;
      animation-name: fadeIn;
    }


    .dimensions input.form-control {
      width: 80px;
      margin-right: 10px;
    }


    /* Hack, somehow React breaks the Bootstrap CSS */

    form label {
      margin-right: 3px;
    }

  </style>

</head>
<body>
  <div id="root" style="height: 100%"></div>
</body>
</html>

Add some animation to cells
Add some animation to cells
