Vaizdo sukimas tinklalapyje yra įmanoma naudojant CSS kodą, kad sukurtumėte besisukančią klasę, kurią galite naudoti su žymą norėdami pasukti vaizdą puslapyje.

Vaizdo pasukimas naudojant

CSS kodas turi apimti transformacijų kodą kiekvienai pagrindinei interneto naršyklei, kad vaizdas būtų sukamas visose naršyklėse.

Žemiau yra CSS kodo pavyzdys, leidžiantis sukti 180 laipsnių vaizdą.

 .rotateimg180 {-webkit-transform: pasukti (180deg); -moz-transform: pasukti (180deg); -ms-transform: pasukti (180deg); -o-transformuoti: pasukti (180deg); transformuoti: pasukti (180deg); } 

Kai CSS kodas buvo pritaikytas jūsų .css failui ar stiliaus lapui, galite naudoti CSS klasės pavadinimą bet kuriame vaizdų žyma, kaip parodyta toliau pateiktame kode.

Patarimas: norėdami pasukti vaizdą kitu laipsniu, pakeiskite „180“ CSS kode ir žymą, kiek norite.

Pasuktas vaizdas naudojant aukščiau nurodytą kodą

Žemiau yra mūsų logotipo pavyzdys, naudojant šį kodą, jei jūsų naršyklė palaiko CSS sukimąsi, logotipas turėtų būti pasuktas 180 laipsnių kampu.