pogmommy/pogmomme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

animations i gues s

Browse source
This commit is contained in:
Penelope Gwen 2025-03-05 00:48:59 -08:00
parent d64f5654c5
commit 483f26b15a
2 changed files with 23 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
style/css/style-large.css
View file

@ -15,8 +15,17 @@ body {
height: fit-content; height: fit-content;
width: fit-content; width: fit-content;
margin: 2vh 1vw auto; margin: 2vh 1vw auto;
animation: .25s; /* animation: .25s;
animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) both;
transform: rotateX(-90deg);
transform-origin: top center;*/
} }
/*@keyframes show {
100% {
opacity: 1;
transform: none;
}
}*/
.pagecontent { .pagecontent {
min-width: 50%; min-width: 50%;
flex: 1 1 0; flex: 1 1 0;

13
style/css/toots.css
View file

@ -4,11 +4,24 @@
padding: 0; padding: 0;
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
margin: 0; margin: 0;
animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) both;
height: 0;
transform: rotateX(-90deg);
transform-origin: top center;
} }
.toot { .toot {
/* border-bottom: 1px solid #ccc;*/ /* border-bottom: 1px solid #ccc;*/
padding: 1rem; padding: 1rem;
/* animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;*/
}
@keyframes show {
100% {
height: auto;
transform: none;
}
} }
/* Posting user. */ /* Posting user. */