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

Apakah unit putaran css?

DDD
Lepaskan: 2023-10-23 14:46:12
asal
1471 orang telah melayarinya

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);
Salin selepas log masuk

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);
Salin selepas log masuk

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);
Salin selepas log masuk

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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan