Rumah > Artikel > hujung hadapan web > Apakah rupa css3 offset ke kiri?
Apakah rupa css3 offset ke kiri?
- WBOYasal
- 2021-12-22 11:47:456653semak imbas
Dalam CSS, gaya offset kiri ialah "transform:translate(-left offset distance value);" atribut transform membolehkan kita memutar, menskala, mengalih atau mencondongkan elemen Operasi, fungsi menterjemah () fungsi adalah untuk mentakrifkan transformasi terjemahan unsur.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Apakah rupa offset kiri css3
Dalam css, jika anda ingin mencapai unsur offset ke kiri, anda perlu menggunakan fungsi transform dan translate().
Atribut transformasi menggunakan transformasi 2D atau 3D pada elemen. Sifat ini membolehkan kita memutar, menskala, mengalih atau mencondongkan elemen.
Fungsi fungsi translate() adalah untuk mentakrifkan transformasi terjemahan unsur. Gaya khusus elemen
yang diimbangi ke kiri adalah seperti berikut:
transform:translate(-向左偏移距离值)
Contohnya adalah seperti berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
div{
margin:0 auto;
width:50px;
height:50px;
border:1px solid #000;
transform:translate(-100px);
}
</style>
</head>
<body>
<div></div>
</body>
</html>Hasil output:
(Belajar perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah rupa css3 offset ke kiri?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!