studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

start footer

Browse source
This commit is contained in:
isUnknown 2024-07-31 12:09:03 +02:00
parent 41a7b7b4cb
commit 1945557d93
21 changed files with 195 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

58
assets/css/src/ticket.css Normal file
View file

@ -0,0 +1,58 @@
@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);
}
}
.ticket {
display: inline-flex;
}
a:hover .ticket svg,
.ticket:hover svg {
animation: vibrate 0.5s forwards;
}
.ticket:hover svg path:not(.dot) {
fill: var(--color-salmon);
stroke: var(--color-salmon);
}
a:hover .ticket svg path:not(.dot) {
fill: #fff;
stroke: #fff;
}
.ticket:hover svg path.dot {
fill: #fff;
}
a:hover .ticket svg path.dot {
fill: var(--color-salmon);
}