Creare un animazione personalizzata con CSS3
Creare un animazione personalizzata con CSS3 è una delle funzioni più interessanti. Un animazione personalizzata con CSS3 permette di dare un tocco innovativo al nostro sito o creare pagine che colpiscano l’utente e lo invoglino a fare determinate azioni. Quindi spiegherò come utilizzare la funzione KEYFRAME e la regola ANIMATION di CSS3.
Animazione di aggiornamento delle Live Tiles con CSS3
La caratteristica principale di Windows 8 sono le Live Tiles, ovvero dei riquadri di piccole o grandi dimensioni che si aggiornano in base ai contenuti dell’utente. In questo articolo spiegherà come creare l’animazione di aggiornamento delle Live Tiles utilizzando solamente del puro CSS3.
5 tipi di animazione con CSS3 sui bordi
Come già ho spiegato nel precedente articolo, le animazioni di CSS3 rendono semplici le operazioni che prima erano impossibili senza l’utilizzo di Javascript. In questo articolo vorrei dimostrarvi come, con qualche trucchetto, sia possibile creare unun menù con diversi tipi di animazione sui border attraverso le animazione di CSS3.
CSS3 Rotazione 3D di un elemento HTML
Il CSS3 ha rivoluzionato il web permettendo quello che prima si poteva fare solamente con una buona programmazione in Javascript. In questo articolo vi mostrerò come è possibile creare un animazione di rotazione 3D con il CSS3 al passaggio del mouse sopra un elemento senza l’utilizzo di Flash o Javascript.
Aggiungere una traccia esterna al nostro font tramite CSS3
Oggi vedremo un semplice trucchetto per abbellire i font del nostro sito in poche righe di codice tramite l’utilizzo nativo di CSS3! Con CSS3 addobbare le nostre pagine web non è mai stato così semplice; vediamo quindi insieme come aggiungere una traccia esterna al nostro font. 
More…
CSS: Personalizzare i Font del nostro sito con @font-face
Sicuramente uno dei fattori importanti del web design è la scelta del font del sito; esso deve essere chiaramente leggibile e può determinare l’intera funzionalità di esso. Ma perché non dare quel tocco di eleganza in più non utilizzando i font standard? Vediamo insieme come fare con @font-face!
More…
