X

Pulsanti in CSS3: il modo semplice di realizzarli

Le enormi potenzialità di CSS3 sono un po’ mortificate dalla ancora relativa diffusione di vecchie versioni di browser che non li supportano. E’ indubbio anche che non tutte le nuove istruzioni siano conosciute come le erano con i vecchi CSS.
Costruire dei pulsanti graficamente gradevoli e con effetti di transizione “avanzati” può diventare un gioco da ragazzi con un tool come CSS3 Button Generator di CSS Drive .

Basta selezionare colore di sfondo con il tipo di diffusione (piatta o gradiente), il grado di arrotondamento degli angoli, l’effetto di transizione, effetto hover, padding e tanto altro. Nella porzione di schermo in basso a sinistra viene immediatamente visualizzato il codice da inserire per ottenere questa classe.
E’ anche un’ottima metodologia didattica per imparare i nuovi CSS3.
Il mio consiglio è quello di testare in ogni caso il codice con le versioni più anziane dei browser per non pregiudicare l’usabilità della pagina web.

Link: CSS3 Button Generator di CSS Drive

Sergio Gandrus: Da febbraio 2024 lavoro come CTO presso Deva Connection Il mio stack è PHP/MySQL/Git/Docker. Lavoro con Agile (Scrum) e utilizzo principalmente AWS come cloud provider. Sono papà e marito. Nel tempo libero mi piace leggere, il buon vino e viaggiare.