Rumah >hujung hadapan web >tutorial css >Apakah unit putaran css?

Apakah unit putaran css?

DDD
DDDasal
2023-10-23 14:46:121474semak imbas

Unit putaran CSS ialah unit yang menentukan sudut putaran elemen, iaitu darjah (deg), radian (rad) dan kecerunan (grad). Pengenalan terperinci: 1. deg, menggunakan sudut untuk menyatakan saiz putaran, nilai positif bermakna putaran mengikut arah jam, nilai negatif bermakna putaran lawan jam 2. rad, menggunakan nilai radian untuk menyatakan saiz putaran, bulatan lengkap ialah 2π radian, The; julat berangka ialah 0 hingga 2π 3. grad, yang menggunakan peratusan untuk menyatakan saiz putaran Satu bulatan lengkap ialah 400 kecerunan, dan julat berangka ialah 0 hingga 400 dan seterusnya.

Apakah unit putaran css?

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

Unit putaran CSS ialah unit yang digunakan untuk menentukan sudut putaran elemen. CSS mentakrifkan tiga unit putaran: darjah (deg), radian (rad), dan kecerunan (grad).

Dasar (deg): Darjah ialah unit putaran yang paling biasa digunakan, dan sudut digunakan untuk menyatakan saiz putaran. Bulatan lengkap ialah 360 darjah, dan julat nilai ialah 0 hingga 360. Nilai positif menunjukkan putaran mengikut arah jam, nilai negatif menunjukkan putaran lawan jam. Contohnya, untuk memutar 45 darjah, anda boleh menggunakan kod CSS berikut:

transform: rotate(45deg);

Radian (rad): Radian ialah satu lagi unit putaran dan nilai radian digunakan untuk mewakili saiz putaran. Bulatan lengkap ialah 2π radian, dan julat nilai ialah 0 hingga 2π. Dengan menukar sudut kepada radian, anda boleh menggunakan formula berikut: radian = sudut × π / 180. Contohnya, berputar π/4 radian (bersamaan dengan 45 darjah) boleh menggunakan kod CSS berikut:

transform: rotate(0.7854rad);

Kecerunan (grad): Kecerunan ialah unit putaran luar biasa yang menggunakan peratusan untuk menyatakan saiz putaran. Bulatan lengkap ialah kecerunan 400, dengan nilai antara 0 hingga 400. Dengan menukar sudut kepada kecerunan, anda boleh menggunakan formula berikut: Kecerunan = Sudut × 10 / 9. Contohnya, untuk memutarkan kecerunan 50 (bersamaan dengan 45 darjah), anda boleh menggunakan kod CSS berikut:

transform: rotate(50grad);

Unit putaran ini boleh digunakan dalam atribut transformasi CSS untuk menentukan sudut putaran elemen melalui putaran () fungsi. Pilihan unit putaran bergantung pada keperluan khusus dan keutamaan peribadi. Menggunakan unit putaran yang sesuai boleh menjadikan kod anda lebih jelas dan lebih mudah dibaca.

Atas ialah kandungan terperinci Apakah unit putaran css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn