Rotiranje slike na web-stranici moguće je uz korištenje CSS koda za izradu rotirajuće klase, koju zatim možete koristiti s da biste rotirali sliku na stranici.

Rotiranje slike pomoću

CSS kod mora sadržavati kod transformacije za svaki glavni internetski preglednik, tako da se slika rotira u svim preglednicima.

U nastavku je primjer CSS koda za zakretanje slike za 180 stupnjeva.

 .rotateimg180 {-webkit-transform: rotiraj (180deg); -moz-transform: rotirati (180deg); -ms-transform: rotiranje (180deg); -o-transformacija: rotiranje (180deg); transformacija: rotiranje (180deg); } 

Kada se CSS kôd primijeni na vašu .css datoteku ili stilsku tablicu, možete koristiti ime CSS klase u bilo kojoj oznaci slike, kao što je prikazano u donjem kodu.

Savjet: Za rotiranje slike za drugu mjeru stupnjeva, promijenite "180" u CSS kodu i označite stupanj koji želite.

Rotirana slika pomoću gornjeg koda

U nastavku je primjer našeg logotipa pomoću gore navedenog koda, ako vaš preglednik podržava rotaciju CSS-a, logotip bi trebao izgledati kao rotiran za 180 stupnjeva.