Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah unit deg dalam css3?
Apakah unit deg dalam css3?
- 青灯夜游asal
- 2022-02-28 17:12:4510666semak imbas
Dalam CSS3, deg ialah unit sudut, nama penuh ialah "Degres", bermaksud "darjah"; , jika ia adalah nombor negatif, ia adalah jarum jam songsang.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Dalam CSS3, deg ialah unit sudut, nama penuh ialah "Degres", yang bermaksud "darjah".
Sebuah bulatan mempunyai jumlah 360 darjah, jadi julat sudut adalah dari "0~360" darjah (deg), ia juga boleh menjadi nombor negatif ialah nombor negatif, ia adalah lawan jam.
Penukaran antara nilai sudut:
90deg = 100grad = 0.25turn ≈ 1.570796326794897rad
Contoh:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 边框阴影--filter:drop-shadow()</title>
<style>
div {
margin: 30px;
width: 200px;
height: 100px;
background-color: yellow;
line-height: 100px;
text-align: center;
}
</style>
</head>
<body>
<div>
<p>Hello World</p>
</div>
</body>
</html>
Tambah gaya berikut pada div, yang akan memutarkan elemen 90 darjah mengikut arah jam
/* Rotate div */ transform: rotate(90deg); -ms-transform: rotate(90deg); /* Internet Explorer */ -moz-transform: rotate(90deg); /* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); /* Opera */
Tambah gaya berikut pada div , akan memutar elemen 90 darjah lawan jam
/* Rotate div */ transform: rotate(-90deg); -ms-transform: rotate(-90deg); /* Internet Explorer */ -moz-transform: rotate(-90deg); /* Firefox */ -webkit-transform: rotate(-90deg); /* Safari 和 Chrome */ -o-transform: rotate(-90deg); /* Opera */
(Mempelajari perkongsian video: tutorial video css, tutorial pengenalan bahagian hadapan web)
Atas ialah kandungan terperinci Apakah unit deg dalam css3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!