In questi giorni è uscita la versione 5.0 di Firefox, che aggiunge supporto alle animazioni CSS e miglioramenti all’interfaccia. Ho quindi deciso di dedicare un’articolo a questo browser, per quanto personalmente continui a ritenere WebKit superiore.
Riflessi CSS in Firefox
WebKit CSS 3: Gradienti, Mask e Animazioni
Oggi vi voglio proporre un piccolo esperimento che sfrutta alcune interessanti proprietà CSS che al momento sono disponibili solo su browser WebKit e senza l’apporto di codice JavaScript.
In particolare sfrutteremo le animazioni CSS e la proprietà -webkit-mask-image oltre ai gradienti CSS che invece sono supportati anche da altri brows
CSS3 patterns – Pattern lineari con gradient
Nel mio ultimo post avevo accennato al blog di Lea Verou che ha realizzato una gallery di pattern CSS3. Si tratta di composizioni grafiche che possono tornare utili e che fino a qualche tempo fa avremmo dovuto applicare alle nostre pagine web tramite immagini. Ora invece possiamo iniziare a pensare di utilizzare CSS3 per tali operazioni, ricordandoci, però, di applicare una immagine di fallback per IE.
CSS3 – Aggiornamenti cross-browser per i gradienti
L’anno scorso avevamo analizzato la proprietà CSS gradient spiegando come realizzare un gradiente cross-browser senza l’utilizzazione di immagini.
Oggi voglio, oltre a presentare una nuova regola introdotta dal team di webkit, analizzare alcune particolari tecniche per sfruttare i gradient CSS per scopi appariscenti.



