Att rotera en bild på en webbsida är möjlig med hjälp av CSS-kod för att skapa en roterande klass, som du då kan använda med tagg för att rotera bilden på sidan.

Roterar en bild med

CSS-koden måste inkludera transformationskod för varje större webbläsare, så att bilden roteras i alla webbläsare.

Nedan visas ett exempel på CSS-kod för att rotera en bild 180 grader.

 .rotateimg180 {-webkit-transform: rotera (180deg); -moz-transform: rotera (180deg); -ms-transformer: rotera (180deg); -o-transform: rotera (180deg); transformera: rotera (180deg); } 

När CSS-koden har applicerats på din .css-fil eller ditt stilark kan du använda CSS-klassnamnet i någon av dina bildtaggar som visas i nedanstående kod.

Tips: För att rotera en bild med en annan grad, ändra "180" i CSS-koden och tagga till den grad du önskar.

Roterad bild med ovanstående kod

Nedan är ett exempel på vår logotyp med ovanstående kod, om din webbläsare stöder CSS-rotation ska logotypen tyckas roteras 180 grader.