52 lines
932 B
CSS
52 lines
932 B
CSS
#spade-animazione {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: black;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
z-index: 9999;
|
|
transition: opacity 0.5s ease-in-out;
|
|
/* Durata ridotta a 0.5 secondi */
|
|
}
|
|
|
|
#spade-animazione img {
|
|
width: auto;
|
|
max-width: 80%;
|
|
height: auto;
|
|
position: static;
|
|
transform: none;
|
|
transition: opacity 0.5s ease-in-out;
|
|
/* Durata ridotta a 0.5 secondi */
|
|
}
|
|
|
|
/* Animazione di apertura */
|
|
#spade-animazione.apertura img {
|
|
animation: spada-apertura 0.5s ease-in-out forwards;
|
|
/* Durata ridotta a 0.5 secondi */
|
|
}
|
|
|
|
@keyframes spada-apertura {
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
/* Animazione di chiusura */
|
|
#spade-animazione.chiusura img {
|
|
animation: spada-chiusura 0.5s ease-in-out forwards;
|
|
/* Durata ridotta a 0.5 secondi */
|
|
}
|
|
|
|
@keyframes spada-chiusura {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
} |