.bar*3 in the navbar: Chi siamo, Dove siamo, Social*/ .bar:hover { background-color: rgb(159, 159, 20); border-radius: 8px; box-shadow: 0.1em 0.1em 0.1em brown; padding: 0.3%; transform: translateY(10%); transition-duration: 0.35s; /*Regoliamo la durata della transizione*/ } } /* Un solo piccolo appunto per "pignoleria" tecnica: Nel blocco finale, ho usato "@media all and (hover: hover)" per il mouse. È corretto, ma per simmetria con il blocco precedente avrei potuto usare "@media all and (pointer: fine)". DIFFERENZE: 1) "(hover: hover)" = il dispositivo può gestire l'hover; 2) "(pointer: fine)" = l'utente sta usando un puntatore preciso (mouse/penna). Nel 99% dei casi i comandi si equivalgono, quindi va bene così. Come riepilogo: Se hai bottoni o link nella pagina che non sono dentro .bar, ricordati di applicare loro la stessa logica (evitare transform o box-shadow nell'hover generico se non è protetto da una media query).*/