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
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.
- Installare Nginx Proxy Manager su Portainer e aggiungere proxy host - 11 Marzo, 2024
- GIT: differenza tra CHECKOUT e SWITCH - 4 Marzo, 2024
- Gli Eventi Scrum: Guida Completa e Best Practices - 20 Settembre, 2023
