disattivati le animazioni sui pulsanti

This commit is contained in:
2026-02-04 01:08:58 +01:00
parent b987bf9062
commit 0982a45307

View File

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