JSFiddle - React, Tailwind, and code Playground
CSS
body>div{
background-color:#000;
width:70px;
height:90px;
float:left;
}
body>div>div.active{
opacity:1;
}
body>div>div{
width:6px;
height:6px;
border-radius:10px;
background-color:#0ff;
box-shadow:0 0 4px 1px #0ff;
margin:2px;
float:left;
opacity:0.2;
-webkit-animation:x 4s ease;
}
@-webkit-keyframes x{
0%{
background-color:#000;
box-shadow:0 0 4px 1px #000;
}
100%{
background-color:#0ff;
box-shadow:0 0 4px 1px #0ff;
}
}
JavaScript
var alphabet={
A:'000000000111000100010010001001111100100010010001001000100000000',
B:'000000001111000100010010001001111000100010010001001111000000000',
C:'000000000111000100010010000001000000100000010001000111000000000',
D:'000000001111000100010010001001000100100010010001001111000000000',
E:'000000001111100100000010000001111000100000010000001111100000000',
F:'000000001111100100000010000001111000100000010000001000000000000',
G:'000000000111000100010010000001011100100010010001000111000000000',
H:'000000001000100100010010001001111100100010010001001000100000000',
I:'000000001111100001000000100000010000001000000100001111100000000',
J:'000000000000100000010000001000000100100010010001000111000000000',
K:'000000001000100100100010100001100000101000010010001000100000000',
L:'000000001000000100000010000001000000100000010000001111100000000',
M:'000000001000100110110010101001010100100010010001001000100000000',
N:'000000001000100100010011001001010100100110010001001000100000000',
O:'000000000111000100010010001001000100100010010001000111000000000',
P:'000000001111000100010010001001111000100000010000001000000000000',
Q:'000000000111000100010010001001000100101010010011000111100000000',
R:'000000001111000100010010001001111000101000010010001000100000000',
S:'000000000111100100000010000001111000000010000001001111000000000',
T:'000000001111100001000000100000010000001000000100000010000000000',
U:'000000001000100100010010001001000100100010010001000111000000000',
V:'000000001000100100010010001001000100100010001010000010000000000',
W:'000000001000100100010010001001010100101010011011001000100000000',
X:'000000001000100100010001010000010000010100010001001000100000000',
Y:'000000001000100100010001010000010000001000000100000010000000000',
Z:'000000001111100000010000010000010000010000010000001111100000000',
0:'000000000111000100010010011001010100110010010001000111000000000',
1:'000000000010000011000010100000010000001000000100001111100000000',
...