47 lines
1002 B
CSS
47 lines
1002 B
CSS
.rk-tip-in {
|
|
bottom:50px;
|
|
right:10px;
|
|
animation: rki 1s ease;
|
|
}
|
|
|
|
@keyframes rki {
|
|
0% {
|
|
right:-520px;
|
|
bottom:60px;
|
|
}
|
|
40% {
|
|
right:10px;
|
|
bottom:60px;
|
|
}
|
|
60 %{
|
|
right:10px;
|
|
bottom:20px;
|
|
|
|
}
|
|
100 %{
|
|
right:10px;
|
|
bottom:50px;
|
|
|
|
}
|
|
}
|
|
|
|
.rk-tip-out {
|
|
right:-520px;
|
|
bottom:-110px;
|
|
animation: rko 1s ease;
|
|
}
|
|
|
|
@keyframes rko {
|
|
0% {
|
|
bottom:50px;
|
|
right:10px;
|
|
}
|
|
50% {
|
|
bottom:-20px;
|
|
right:10px;
|
|
}
|
|
100% {
|
|
bottom:110px;
|
|
right:-520px;
|
|
}
|
|
} |