Le trasformazioni 2D
Usando le trasformazioni è possibile traslare, ruotare, ridimensionare e applicare altri effetti dinamici su un oggetto. Vediamo subito un semplice esempio col nostro solito quadrato
L'effetto prodotto è mostrato qui sotto:
Come si può osservare ora, quando si passa col mouse sul quadrato, esso viene ruotato di 20 gradi.
Qui invece abbiamo un esempio di trasformazione per traslazione:
Ed ecco l'effetto prodotto:
In questo caso passando col mouse sul quadrato, questo si sposta di 50px a destra e di 100px verso il basso rispetto alla sua posizione iniziale.
E' anche possibile applicare più trasformazioni in sequenza, in questo modo:
Oltre a translate e rotate, le altre trasformazioni 2D sono:
Per approfondire l'argomento, invitiamo il lettore a consultare la pagina di W3 School.
Sito realizzato in base al template offerto da
http://www.graphixmania.it