3d text

dabblet.css

/*
 * 3d text
 */
*, *:after, *:before {
  box-sizing: border-box;
}

body {
  font-family: "Roboto", sans-serif;
  background-color: #111111;
}

.container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

h1 {
  color: #111111;
  font-size: calc(1em + 5vw);
   transform: rotate(-45deg);
  text-shadow: -0.0075em 0.0075em 0 #060606, 0.005em 0.005em 0 #262626, 0.01em 0.01em 0 #242424, 0.015em 0.015em #222222, 0.02em 0.02em 0 #202020, 0.025em 0.025em 0 #1e1e1e, 0.03em 0.03em 0 #1d1d1d, 0.035em 0.035em 0 #1b1b1b;
}

dabblet.html

<div class="container"><h1>Boo</h1>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"130","seethrough":"1","prefixfree":"","page":"all"}