disattivati le animazioni sui pulsanti
This commit is contained in:
@@ -59,9 +59,12 @@
|
||||
|
||||
/* Animazione pulse per il testo */
|
||||
@keyframes pulse {
|
||||
0%, 100% {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
@@ -90,10 +93,13 @@
|
||||
|
||||
|
||||
@keyframes pulseActive {
|
||||
0%, 100% {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateX(-50%) scale(1);
|
||||
}
|
||||
|
||||
50% {
|
||||
opacity: 0.6;
|
||||
transform: translateX(-50%) scale(1.2);
|
||||
@@ -165,7 +171,7 @@
|
||||
}
|
||||
|
||||
/* Transizione per elementi che appaiono */
|
||||
.content-page,
|
||||
/*.content-page,
|
||||
.station-list,
|
||||
.player-container {
|
||||
animation: fadeInContent 0.5s ease-out;
|
||||
@@ -181,7 +187,7 @@
|
||||
}
|
||||
|
||||
/* Transizione per le immagini */
|
||||
.station-logo,
|
||||
/* .station-logo,
|
||||
.station-logo-large {
|
||||
transition: transform 0.3s ease, filter 0.3s ease;
|
||||
}
|
||||
@@ -193,7 +199,7 @@
|
||||
}
|
||||
|
||||
/* Transizione per i pulsanti */
|
||||
button,
|
||||
/* button,
|
||||
.submit-btn,
|
||||
.play-pause-btn {
|
||||
transition: all 0.3s ease;
|
||||
@@ -213,7 +219,7 @@ button:active,
|
||||
}
|
||||
|
||||
/* Transizione smooth per tutti gli elementi interattivi */
|
||||
a, button, input, textarea, select {
|
||||
/* a, button, input, textarea, select {
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
@@ -221,7 +227,7 @@ a, button, input, textarea, select {
|
||||
/* Non ci sono più after pseudo-elementi per le underline */
|
||||
|
||||
/* Transizione per il back-link */
|
||||
.back-link a {
|
||||
/* .back-link a {
|
||||
transition: all 0.3s ease;
|
||||
display: inline-block;
|
||||
}
|
||||
@@ -232,7 +238,7 @@ a, button, input, textarea, select {
|
||||
}
|
||||
|
||||
/* Animazione per le liste */
|
||||
.stations-container {
|
||||
/* .stations-container {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
}
|
||||
@@ -259,7 +265,7 @@ a, button, input, textarea, select {
|
||||
}
|
||||
|
||||
/* Transizione per i form */
|
||||
.form-group input,
|
||||
/* .form-group input,
|
||||
.form-group textarea,
|
||||
.form-group select {
|
||||
transition: border-color 0.3s ease, box-shadow 0.3s ease;
|
||||
@@ -273,7 +279,7 @@ a, button, input, textarea, select {
|
||||
}
|
||||
|
||||
/* Animazione per i messaggi di risposta */
|
||||
.form-response {
|
||||
/* .form-response {
|
||||
animation: slideInDown 0.4s ease-out;
|
||||
}
|
||||
|
||||
@@ -289,7 +295,7 @@ a, button, input, textarea, select {
|
||||
}
|
||||
|
||||
/* Transizione per video e iframe */
|
||||
video,
|
||||
/* video,
|
||||
iframe {
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
@@ -300,17 +306,17 @@ iframe:hover {
|
||||
}
|
||||
|
||||
/* Performance optimization */
|
||||
* {
|
||||
/** {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
/* Smooth scrolling */
|
||||
html {
|
||||
/* html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
/* Riduzione movimento per chi ha impostato preferenze di accessibilità */
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
/*@media (prefers-reduced-motion: reduce) {
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
|
||||
Reference in New Issue
Block a user