Kuvan kääntäminen verkkosivulla on mahdollista CSS-kiertoluokalla, joka lisätään mihin tahansa -tunnisteeseen kuvan kiertämiseksi.
Kuvan kääntäminen CSS:n avulla
CSS-koodin on sisällettävä muunnoskoodi jokaiselle suurelle Internet-selaimelle, jotta kuvaa käännetään kaikissa selaimissa.
Alla on esimerkki CSS-koodista kuvan kääntämiseksi 180 astetta.
.rotateimg180 {
-webkit-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
Yllä oleva CSS-koodi tulee lisätä HTML-koodiisi linkitettyyn .css-tyylitaulukkotiedostoon. Jos CSS-tiedostosi on esimerkiksi nimeltään site.css ja se on samassa hakemistossa kuin HTML-tiedostosi, voit sisällyttää seuraavan HTML-koodin
-elementtiin:<link rel="stylesheet" href="https://www.computerhope.com/issues/ch001784.htm/site.css">
Vaihtoehtoisesti voit sisällyttää CSS-koodin tekstin sisään joko ennen kuvatunnistetta näkyvään tyylitunnisteeseen tai kuvatunnisteen style-attribuutissa.
Kun CSS-koodi on lisätty .css-tiedostoon, tyylitaulukkoon tai
Recent Articles
