Bagaimana untuk menetapkan sudut dalam css

Dalam CSS, anda boleh menetapkan sudut melalui fungsi putar Sintaks ialah "putar(a)", di mana parameter a menentukan tahap putaran() Apabila parameter itu positif berputar mengikut arah jam; parameter Apabila negatif, ia berputar mengikut lawan jam.

Persekitaran pengendalian artikel ini: sistem windows7, versi HTML5&&CSS3, komputer DELL G3

Cara menetapkan sudut css ?

rotate()

Fungsi rotate() CSS mentakrifkan cara untuk memutarkan elemen di sekeliling titik tetap (dinyatakan oleh atribut transform-origin) tanpa Transformasi yang cacat. Sudut yang ditentukan mentakrifkan ukuran putaran. Jika sudut positif, ia berputar mengikut arah jam, jika tidak ia berputar mengikut lawan jam. Putaran 180° juga dikenali sebagai pantulan titik.

Titik tetap putaran unsur - seperti yang dinyatakan di atas - juga dipanggil asalan penjelmaan. Ini lalai kepada bahagian tengah elemen, tetapi anda boleh menetapkan asal ubah tersuai anda sendiri menggunakan sifat asal ubah.

Sintaks

menentukan tahap putaran putaran(). Apabila parameter positif, ia berputar mengikut arah jam apabila parameter negatif, ia berputar mengikut arah jam; Putaran 180° dipanggil penyongsangan titik.

rotate(a)

Nilai a ialah , menunjukkan sudut putaran. Sudut positif mewakili putaran mengikut arah jam, dan sudut negatif mewakili putaran lawan jam.

Contoh

HTML

<div>Normal</div>
<div class="rotated">Rotated</div>

CSS

div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}
.rotated {
  transform: rotate(45deg); /* Equal to rotateZ(45deg) */
  background-color: pink;
}

Keputusan

[Pembelajaran yang disyorkan: tutorial video css]

Atas ialah kandungan terperinci Bagaimana untuk menetapkan sudut dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!