Bagaimana untuk memutar, zum masuk dan keluar dalam css3-tutorial css-php.cn

Bagaimana untuk memutar, zum masuk dan keluar dalam css3

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2021-12-16 17:56:27

asal

3266 orang telah melayarinya

Kaedah: 1. Gunakan atribut transform dan fungsi putar untuk menetapkan putaran elemen, sintaksnya ialah "transform:scale (angle);" 2. Gunakan atribut transform dan fungsi skala untuk menetapkan zum elemen , sintaksnya ialah "transform: scale (zoom factor);".

Bagaimana untuk memutar, zum masuk dan keluar dalam css3

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Cara memutar, zum masuk dan keluar dalam css3

Dalam css, anda boleh menggunakan atribut transform untuk memutar, zum masuk dan keluar .

Apabila atribut ini digunakan bersama dengan fungsi putar, elemen boleh ditetapkan untuk berputar Apabila atribut transformasi digunakan bersama dengan fungsi skala, elemen boleh dibesarkan atau dikurangkan.

Contoh adalah seperti berikut:

<html>
<head>
<style> 
.img1{
transform:rotate(45deg);
}
.img2{
transform:scale(0.5);
}
.img3{
transform:scale(1.545deg);
}
</style>
</head>
<body>
<img  src="1118.02.png" class="img1" alt="Bagaimana untuk memutar, zum masuk dan keluar dalam css3" >
<img  src="1118.02.png" class="img2" alt="Bagaimana untuk memutar, zum masuk dan keluar dalam css3" >
<img  src="1118.02.png" class="img3" alt="Bagaimana untuk memutar, zum masuk dan keluar dalam css3" >
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bagaimana untuk memutar, zum masuk dan keluar dalam css3

(Belajar perkongsian video: tutorial video css )

Atas ialah kandungan terperinci Bagaimana untuk memutar, zum masuk dan keluar dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!