Sperimentazioni con il background
Martedì 4 Marzo 2008 - 09:10
di Alessandro Fulciniti
Le PNG semitrasparenti sono da sempre uno strumento potente per ottenere
effetti grafici accattivanti e altrimenti impossibili. Ecco due tutorial
molto ben fatti sul loro uso creativo.
In Doing strange things to CSS Backgrounds su Sitepoint viene mostrato come agendo sulla background-position sia possibile ottenere differenti velocità di scorrimento orizzontali degli sfondi (qui l’esempio).
Nel recente How to recreate Silverbacks Parallax
su Vitamin viene spiegato come ottenere un effetto tridimensionale come quello di Silverback grazie a tre sfondi PNG e poche regole CSS. Per notare l’effetto, anche in questo caso vi basta stringere o allargare la finestra del browser.
Commenti
1
Non avevo mai visto un utilizzo simile. Davvero spettacolare!
2
peccato che come al solito sotto ie(il secondo esempio) non funziona
# - postato da Ale - 04 Marzo 2008 - 09:48
3
Sinceramente l’idea è buona ma l’applicazione in questi casi non mi sembra efficace. L’effetto si nota solo restringendo la finestra del browser: in quanti se ne accorgeranno?
4
Stavo per dire la stessa cosa di Jaims
# - postato da Luca - 04 Marzo 2008 - 10:16
5
Spettacolare! anche se concordo con Jaims l’effettiva efficacia..
6
bello come esperimento, anche perché si potrebbe pensare di animare i layers con js… si, davvero interessante!