Attēla pagriešana tīmekļa lapā ir iespējama, izmantojot CSS kodu, lai izveidotu rotējošu klasi, kuru jūs varat izmantot kopā ar tagu, lai pagrieztu attēlu lapā.

Attēla pagriešana, izmantojot

CSS kodam ir jāiekļauj transformācijas kods katrai galvenajai interneta pārlūkprogrammai, lai attēls tiktu pagriezts visās pārlūkprogrammās.

Zemāk ir CSS koda piemērs, lai pagrieztu attēlu 180 grādos.

 .rotateimg180 {-webkit-transform: rotēt (180deg); -moz-transform: pagriezt (180deg); -ms-transformēt: pagriezt (180deg); -o-transformēt: pagriezt (180deg); transformēt: pagriezt (180deg); } 

Kad CSS kods ir piemērots jūsu .css failam vai jūsu stillapai, varat izmantot CSS klases nosaukumu jebkurā attēla tagā, kā parādīts zemāk redzamajā kodā.

Padoms. Lai pagrieztu attēlu ar citu grādu mērījumu, nomainiet "180" CSS kodā un tagu tādā pakāpē, kādu vēlaties.

Pagriezts attēls, izmantojot iepriekšminēto kodu

Tālāk ir redzams mūsu logotipa piemērs, izmantojot iepriekš minēto kodu, ja jūsu pārlūkprogramma atbalsta CSS rotāciju, logotips ir jāgriež 180 grādos.