Tweak some little stuff around to make it look nicer
This commit is contained in:
parent
1453e750df
commit
ae7a7a0157
|
@ -41,6 +41,7 @@ body {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
right: 0;
|
||||||
transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
|
transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1);
|
||||||
animation-name: showcase;
|
animation-name: showcase;
|
||||||
animation-duration: 18s;
|
animation-duration: 18s;
|
||||||
|
@ -53,12 +54,15 @@ body {
|
||||||
}
|
}
|
||||||
@keyframes showcase {
|
@keyframes showcase {
|
||||||
0% {
|
0% {
|
||||||
transform: translateX(110%);
|
transform: translateX(10%);
|
||||||
|
opacity: 0;
|
||||||
}
|
}
|
||||||
6%,27% {
|
6%,27% {
|
||||||
transform: translateX(0%);
|
transform: translateX(0%);
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
34%,100% {
|
34%,100% {
|
||||||
transform: translateX(-110%);
|
transform: translateX(-10%);
|
||||||
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue