Corsi on-line

Immagini riflesse con CSS

Il Flipping è una tecnica utilizzata dai grafici per applicare un effetto di riflesso sulle immagini rendendole visualizzabili come attraverso uno specchio. Di seguito un esempio:

Effetti simili vengono ottenuti in genere attraverso l’utilizzo di programmi per la grafica, è però possibile applicare l’effetto flip ad un’immagine anche tramite un semplice selettore CSS:

img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

Il vantaggio di utilizzare CSS al posto di un programma di grafica sta nel fatto che il primo è in grado di applicare l’effetto di riflesso direttamentesul file sorgente, senza la necessità di crearne una copia modificata.

Post correlati
  • Ho aggiunto il sito ai preferiti 😉 queste piccole pillole di programmazione sono molto apprezzate..

I più letti del mese
Tematiche