smooth out jump and clean up CSS a little bit
This commit is contained in:
parent
121de3d9b2
commit
92987ca77b
4 changed files with 23 additions and 18 deletions
|
@ -76,19 +76,16 @@ th {
|
|||
}
|
||||
|
||||
.jumped{
|
||||
animation-duration: .5s;
|
||||
animation-duration: 1.3s;
|
||||
animation-name: jumped;
|
||||
}
|
||||
@keyframes jumped{
|
||||
0% {
|
||||
0%,100% {
|
||||
background-color: transparent;
|
||||
}
|
||||
50% {
|
||||
background-color: var(--message-jump);
|
||||
}
|
||||
100% {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
.messagediv{
|
||||
overflow: hidden;
|
||||
|
@ -1483,18 +1480,12 @@ span {
|
|||
box-sizing: border-box;
|
||||
}
|
||||
@keyframes goout {
|
||||
0%{
|
||||
0%,100%{
|
||||
opacity:0;
|
||||
}
|
||||
5%{
|
||||
5%,90%{
|
||||
opacity:1;
|
||||
}
|
||||
90%{
|
||||
opacity:1;
|
||||
}
|
||||
100%{
|
||||
opacity:0;
|
||||
}
|
||||
}
|
||||
|
||||
#register{
|
||||
|
@ -1511,4 +1502,4 @@ span {
|
|||
}
|
||||
form div{
|
||||
width:100%;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue