disattivati le animazioni sui pulsanti
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user