Rumah > Artikel > hujung hadapan web > Adakah css3 mempunyai atribut pengurangan imej?
Adakah css3 mempunyai atribut pengurangan imej?
- WBOYasal
- 2022-04-24 16:39:132169semak imbas
CSS3 mempunyai atribut pengurangan imej, iaitu Transform atribut membenarkan operasi seperti putaran, penskalaan, pergerakan dan pencondongan elemen Apabila atribut ini digunakan bersama dengan kaedah skala, anda boleh menetapkan pengurangan imej. Sintaksnya ialah: "Objek gambar {transform:scale(zoom factor)}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Adakah css3 mempunyai atribut pengecutan imej?
css3 adakah ia mempunyai atribut pengecutan imej?
Atribut transformasi menggunakan transformasi 2D atau 3D pada unsur tersebut. Sifat ini membolehkan kita memutar, menskala, mengalih atau mencondongkan elemen.
Kaedah skala(x,y) mentakrifkan transformasi penskalaan 2D.
Contoh adalah seperti berikut:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css</title>
<style>
img{
transform:scale(0.5,0.5);
}
</style>
</head>
<body>
<img src="1118.02.png" alt="Adakah css3 mempunyai atribut pengurangan imej?" >
</body>
</html>Hasil keluaran:
Saiz asal ialah:
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Adakah css3 mempunyai atribut pengurangan imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!