I have this file and I want to know what to add on my TextBox ID. I watched a tutorial about it but this one is different so I am not sure. I tried a few things and it didn't work. Here is the code:
body {
background-color: #000000;
font-family: "Arial", sans-serif;
font-size: 40px;
color: #00FF00;
}
#hiddenInput {
font-size: 40px;
font-family: "Arial", sans-serif;
background-color: #808080;
position: absolute;
opacity: 0.4;
margin-top: -22px;
margin-left: -125px;
opacity: 0;
filter: alpha(opacity = 0);
}
#container {
position: absolute;
top: 80px;
left: 50%;
}
#input {
position: absolute;
margin-top: -20px;
margin-left: -120px;
}
.letterContainer {
display: inline;
white-space: nowrap;
}
.letterStatic {
display: inline;
}
.letterAnimTop {
display: inline;
position: absolute;
-webkit-animation: dropTop 0.1s ease;
-moz-animation: dropTop 0.1s ease;
}
.letterAnimBottom {
display: inline;
position: absolute;
-webkit-animation: dropBottom 0.1s ease;
-moz-animation: dropBottom 0.1s ease;
}
.blink {
position: static;
top: -5px;
-webkit-animation: blink 0.3s ease 0 infinite alternate;
-moz-animation: blink 0.3s ease 0 infinite alternate;
}
— blink {
from {
opacity: 0;
}
to {
opactiy: 1;
}
}
— blink {
from {
opacity: 0;
}
to {
opactiy: 1;
}
}
— dropTop {
from {
-moz-transform: translateX(0) translateY(-20px) translateZ(20px)
rotateX(90deg);
transform: translateX(0) translateY(-20px) translateZ(20px) rotateX(90deg);
}
to {
-moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg);
transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg);
}
}
— dropBottom {
from {
-moz-transform: translateY(20px) translateZ(20px) rotateX(-90deg);
transform: translateY(20px) translateZ(20px) rotateX(-90deg);
}
to {
-moz-transform: rotateX(0deg);
transform: rotateX(0deg);
}
}
— dropTop {
from {
-webkit-transform: translateX(0) translateY(-20px) translateZ(20px)
rotateX(90deg);
}
to {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg);
}
}
— dropBottom {
from {
-webkit-transform: translateY(20px) translateZ(20px) rotateX(-90deg);
}
to {
-webkit-transform: rotateX(0deg);
}