Guida: effetti da applicare alle immagini

Un pò di tempo fa vi avevo spiegato cosa era l’HTML e quali sono i principali tag utilizzati nei windows live spaces. Oggi vediamo gli attributi del tag di immagine, per far in modo che possiate personalizzare la visualizzazione delle vostre foto.

Il tag senza attributi era:
<img src="link_immagine" />
esempio:


Per trasformare l’immagine in bianco e nero scrivi:
<img style="FILTER: Gray" src="link_immagine" />
Esempio:


Per trasformare l'immagine in bianco e nero più accentuato scrivi:
<img style="FILTER: Xray" src="link_immagine" />
esempio:


Per invertire i colori dell’immagine scrivi:
<img style="FILTER: Invert" src="link_immagine" />
esempio:


Per ottenere l'effetto ondulato utilizzate scrivi:
<img style="FILTER: Wave(freq=5,strenght=12,lightstrenght=5,phase=0)" src="link_immagine" />
si possono ottenere effetti diversi modificando i numeri presenti in:
freq=5
strenght=12
lightstrenght=5
phase=0

esempio:


Per avere l'effetto specchio scrivi:
<img style="FILTER: FlipH" src="link_immagine" />
esempio:


Per ruotare l’immagine di 180° scrivi:
<img style="FILTER: FlipV" src="link_immagine" />
esempio:


Modificare l’opacità:
<img style="filter: alpha(Opacity=100, FinishOpacity=50, Style=2)" src="link_immagine" />
si possono ottenere effetti diversi modificando i valori:
Opacity=100 (inserendo 100 avrete l'immagine visibile, 0 avrete l'immagine invisibile)
FinishOpacity=0 (serve a sfumare gli angoli)
Style=2 (può variare da 1 a 3; con 1 l'immagine verrà sfumata da sinistra verso destra, con 2 verrà sfumato al centro, con 3 verranno sfumati gli angoli)
esempio:


Per avere l'effetto vento (foto in movimento) scrivi:
<img style="FILTER: Blur(direction=135)" src="Indirizzo" />
si possono ottenere effetti diversi modificando il valore
"Direction", variando l'intensità dell'effetto.
esempio: