tegakituesday/shiritori
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve styling

Browse source
This commit is contained in:
Elnu 2023-04-14 19:06:30 -07:00
parent 96b97ca820
commit 1ff2aedc2d
2 changed files with 26 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
demo/style.css
View file

@ -12,11 +12,28 @@ div#content {
}
div#shiritori p {
margin: 0;
animation-duration: 1s;
animation-name: slidein;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes slidein {
from {
transform: translateX(-32px);
opacity: 0;
}
to {
transform: none;
opacity: 1;
}
}
div#shiritori {
padding: 2px;
height: 8em;
height: 24em;
font-size: 0.875em;
overflow-y: scroll;
text-align: center;
}
div#shiritori, input#shiritori-input {
padding: 0.25em;