Css3 асослари: эффектлар, трансформация, анимация. Css3 ёрдамида html саҳифаларни таҳрирлаш


Download 0.57 Mb.
bet6/14
Sana16.06.2023
Hajmi0.57 Mb.
#1513952
1   2   3   4   5   6   7   8   9   ...   14
Bog'liq
5-ma\'ruza

CSS да 3 ўлчовли трансформация


Функция

Изоҳ

matrix3d
(n,n,n,n,n,n,n,n,
n,n,n,n,n,n,n,n)

16 қийматли 4x4 матрицадан фойдаланиб, 3 ўлчовли трансформация ҳосил қилинади.

translate3d(x,y,z)

Элементни 3 ўлчовли кўчиришни амалга оширади.

translateX(x)

Элементни X ўқи бўйлаб 3 ўлчовли кўчиришни амалга оширади.

translateY(y)

Элементни Y ўқи бўйлаб 3 ўлчовли кўчиришни амалга оширади.

translateZ(z)

Элементни Z ўқи бўйлаб 3 ўлчовли кўчиришни амалга оширади

scale3d(x,y,z)

3 ўлчовли трансформациянинг масштабини ўзгартиришни амалга оширади.

scaleX(x)

3 ўлчовли трансформациянинг масштабини Х ўқи бўйлаб ўзгартиришни амалга оширади.

scaleY(y)

3 ўлчовли трансформациянинг масштабини Y ўқи бўйлаб ўзгартиришни амалга оширади.

scaleZ(z)

3 ўлчовли трансформациянинг масштабини Z ўқи бўйлаб ўзгартиришни амалга оширади.

rotate3d(x,y,z,angle)

Маълум бурчак асосида 3 ўлчовли айлантиришни амалга оширади.

rotateX(angle)

Элементни X ўқи бўйлаб 3 ўлчовли айлантиришни амалга оширади.

rotateY(angle)

Элементни Y ўқи бўйлаб 3 ўлчовли айлантиришни амалга оширади.

rotateZ(angle)

Элементни Z ўқи бўйлаб 3 ўлчовли айлантиришни амалга оширади.

Download 0.57 Mb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9   ...   14




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling