start footer
This commit is contained in:
parent
41a7b7b4cb
commit
1945557d93
21 changed files with 195 additions and 77 deletions
|
|
@ -29,53 +29,16 @@ body.progress * {
|
|||
object-fit: cover;
|
||||
}
|
||||
|
||||
@keyframes vibrate {
|
||||
0%,
|
||||
100% {
|
||||
scale: 1;
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
|
||||
20% {
|
||||
scale: 0.95;
|
||||
}
|
||||
|
||||
50% {
|
||||
scale: 1.05;
|
||||
}
|
||||
|
||||
80% {
|
||||
scale: 0.95;
|
||||
}
|
||||
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
transform: rotate(-5deg);
|
||||
}
|
||||
.logo {
|
||||
font-weight: normal;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
font-size: var(--font-size-h2);
|
||||
}
|
||||
|
||||
.ticket {
|
||||
display: inline-flex;
|
||||
.logo > * {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ticket:hover svg {
|
||||
animation: vibrate 0.5s forwards;
|
||||
}
|
||||
|
||||
.ticket:hover svg path:not(.dot) {
|
||||
fill: var(--color-salmon);
|
||||
stroke: var(--color-salmon);
|
||||
}
|
||||
|
||||
.ticket:hover svg path.dot {
|
||||
fill: #fff;
|
||||
.logo > *:not(:first-child) {
|
||||
margin-left: 2.4ch;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue