Rumah >hujung hadapan web >tutorial css >Apakah unit putaran css?
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.
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!