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

Apakah unit kelajuan css?

DDD
DDDasal
2023-10-16 13:25:491294semak imbas

Unit kelajuan putaran CSS merujuk kepada unit yang digunakan dalam CSS untuk mewakili kelajuan putaran dalam animasi atau peralihan. Biasanya digunakan untuk menentukan kelajuan putaran objek di sekeliling paksinya sendiri atau paksi lain. Terdapat dua cara biasa untuk menyatakan unit kelajuan: deg dan rad. deg ialah unit kelajuan putaran yang paling biasa dan digunakan untuk menentukan kelajuan objek berputar dalam darjah. Nombor positif atau negatif boleh digunakan untuk mewakili putaran mengikut arah jam atau lawan jam. Rad ialah unit lain yang digunakan untuk menyatakan kelajuan putaran Ia boleh menerangkan dengan lebih tepat sudut putaran Nombor positif atau negatif boleh digunakan untuk mewakili putaran mengikut arah jam atau lawan jam.

Apakah unit kelajuan css?

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

Unit kelajuan CSS merujuk kepada unit yang digunakan dalam CSS untuk mewakili kelajuan putaran dalam animasi atau peralihan. Unit RPM sering digunakan untuk menentukan kelajuan objek berputar pada paksinya sendiri atau paksi lain.

Dalam CSS, terdapat dua cara biasa untuk menyatakan unit kelajuan putaran: deg dan rad.

deg (darjah): Darjah ialah unit kelajuan putaran yang paling biasa dan digunakan untuk menentukan kelajuan objek berputar dalam darjah. Bulatan lengkap ialah 360 darjah, jadi apabila unit kelajuan putaran ialah darjah, anda boleh menggunakan nombor positif atau negatif untuk mewakili putaran mengikut arah jam atau lawan jam. Contohnya, objek berputar mengikut arah jam pada 30 darjah sesaat boleh diwakili menggunakan kod CSS berikut:

animation: rotate 1s infinite linear;
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30deg);
  }
}

rad (radian): Radian ialah unit lain yang digunakan untuk menyatakan kelajuan putaran, yang boleh menerangkan sudut putaran dengan lebih tepat. Radian yang sepadan bagi bulatan lengkap ialah 2π, jadi apabila unit kelajuan putaran ialah radian, anda boleh menggunakan nombor positif atau negatif untuk mewakili putaran mengikut arah jam atau lawan jam. Formula untuk menukar darjah kepada radian ialah: radian = darjah × (π / 180). Sebagai contoh, objek berputar lawan jam pada π/6 radian sesaat boleh diwakili menggunakan kod CSS berikut:

animation: rotate 1s infinite linear;
@keyframes rotate {
  0% {
    transform: rotate(0rad);
  }
  100% {
    transform: rotate(-0.5236rad);
  }
}

Perlu diambil perhatian bahawa walaupun radian boleh memberikan ukuran putaran yang lebih tepat, dalam pembangunan sebenar, darjah adalah lebih biasa. dan mudah difahami.

Pada masa yang sama, unit kelajuan lain juga boleh digunakan, seperti pusingan (satu bulatan) dan grad (kecerunan). Pusingan mewakili kelajuan objek berputar dalam bulatan lengkap, dan grad ialah unit sudut berdasarkan sudut tepat. Walau bagaimanapun, kedua-dua unit ini kurang biasa digunakan dalam aplikasi praktikal.

Ringkasnya, unit kelajuan putaran CSS ialah unit yang digunakan untuk mewakili kelajuan putaran objek semasa animasi atau peralihan Unit kelajuan putaran biasa ialah deg (darjah) dan rad (radian), dengan darjah lebih biasa.

Atas ialah kandungan terperinci Apakah unit kelajuan 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
Artikel sebelumnya:Apakah unit fon CSS?Artikel seterusnya:Apakah unit fon CSS?