Apakah sifat yang boleh mencapai kesan zum dalam css3-Soal Jawab bahagian hadapan-php.cn

Apakah sifat yang boleh mencapai kesan zum dalam css3

WBOY

Lepaskan： 2022-06-08 15:51:12

asal

4796 orang telah melayarinya

Dalam CSS3, atribut yang boleh mencapai kesan penskalaan ialah "transform"; atribut ini boleh digunakan dengan fungsi skala() untuk menskalakan elemen apabila parameter ditetapkan kepada satu, ia bermakna mendatar dan penskalaan menegak secara keseluruhan , apabila parameter ditetapkan kepada dua, ia bermakna masing-masing menetapkan gandaan penskalaan mendatar dan menegak, dan sintaksnya ialah "elemen {transform:scale (nilai skala mendatar, nilai skala menegak);}".

Apakah sifat yang boleh mencapai kesan zum dalam css3

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

Dalam css3, atribut yang boleh mencapai kesan penskalaan

Dalam css3, anda boleh menggunakan atribut transform bersama-sama dengan fungsi skala() untuk mencapai kesan penskalaan elemen.

Atribut transformasi menggunakan transformasi 2D atau 3D pada elemen. Sifat ini membolehkan kita memutar, menskala, mengalih atau mencondongkan elemen.

Fungsi skala() digunakan untuk mentakrifkan penskalaan 2D unsur.

Sintaks adalah seperti berikut:

元素{transform:scale(横向缩放值,竖向缩放值);}

Salin selepas log masuk

Contohnya adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
margin:30px;
width:200px;
height:100px;
background-color:yellow;
/* Rotate div */
transform:scale(0.5);
}
</style>
</head>
<body>
<div>Hello World</div>
</body>
</html>

Salin selepas log masuk

Hasil output:

Apakah sifat yang boleh mencapai kesan zum dalam css3

(Ketahui perkongsian Video: tutorial video css)

Atas ialah kandungan terperinci Apakah sifat yang boleh mencapai kesan zum dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!