wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

CSS тілінде 2 Д, 3Д түрлендіру жасау

Total questions: 60

Worksheet time: 30mins

Name
Class
Date
1.

transform: rotate(45deg); қандай түрлендіруге жатады?

a)

2D айналдыру

b)

3D айналдыру

c)

Айналдыру ортасын жылжыту

d)

Қиыстыру

2.

transform: scale3d(1, 2, 1); не істейді?

a)

Х пен Y бағыты бойынша үлкейтеді

b)

Тек X бағыты бойынша үлкейтеді

c)

3D кеңістікте масштабтайды

d)

Z осінде бұрады

3.

transform: translateX(50px); қандай эффект береді?

a)

Элементті жоғары көтереді

b)

Элементті оңға жылжытады

c)

Элементті бұрады

d)

Масштабтайды

4.

transform: skew(30deg, 20deg); нені білдіреді?

a)

Тек X бағытына қиғаштық

b)

Z-бұрышқа бұру

c)

Масштабтау

d)

X және Y бойынша қиғаштық

5.

transform: perspective(500px); не үшін қолданылады?

a)

Перспективаны бұру үшін

b)

Элементті бұру үшін

c)

3D перспектива қашықтығын орнатады

d)

Элементті артқа шегіндіреді

6.

transform: matrix(1, 0, 0, 1, 50, 100); не істейді?

a)

Айналдырады

b)

Масштабтайды

c)

Қиыстырады

d)

Жылжытады

7.

rotateX(90deg) қолданғанда не болады?

a)

Элемент 2D-де X осі бойынша айналады

b)

Элемент X осі бойынша 2D бұрылады

c)

Элемент 3D-де X осі бойынша айналады

d)

Элемент 3D-де X осі бойынша бұрылады

8.

transform-origin не үшін қолданылады?

a)

Айналу бағытын өзгертеді

b)

Айналу нүктесін орнатады

c)

Масштаб мәнін орнатады

d)

Перспектива бұрышын орнатады

9.

transform: translateZ(200px); қандай трансформация?

a)

2D ауыстыру

b)

Масштабтау

c)

Бұру

d)

Z осіне жылжыту

10.

Қайсысы тек 3D трансформацияларға тән?

a)

perspective

b)

skewX

c)

translateX

d)

rotateY

11.

rotateY(45deg) не істейді?

a)

Элементті Z осінде бұрады

b)

Элементті X осінде бұрады

c)

Элементті Y осінде 3D кеңістікте бұрады

d)

Элементті Y осінде 2D кеңістікте бұрады

12.

transform-style: preserve-3d; не үшін қолданылады?

a)

Элементті 3D кеңістікте сақтау үшін

b)

Элементті 2D кеңістікте сақтау үшін

c)

Перспектива орнатады

d)

Элементті бұрау үшін

13.

skewX(45deg) нені білдіреді?

a)

Y бағытына қисайту

b)

X бағытына қиғаштық

c)

X бағытына қиcайту

d)

Z бағытына қиғаштық

14.

Қайсысы тек 2D трансформация?

a)

scaleY

b)

perspective

c)

rotateX

d)

translateZ

15.

transform: scale(-1, 1); не істейді?

a)

Элементті жоғарылатады

b)

Элементті айна бейнеге жоғарылатады

c)

Қиыстырады

d)

Элементті айна бейнеге аударады

16.

transform: matrix3d(...) дегеніміз не?

a)

2D трансформация

b)

3D трансформацияны толық басқару

c)

Перспектива орнату

d)

2D трансформацияны толық басқару

17.

Перспективаны қай CSS қасиеті орнатады?

a)

perspective

b)

matrix

c)

transform-origin

d)

transform-style

18.

scaleZ(2) қандай әрекет?

a)

Масштабтау Y бағытта

b)

3D Z бағыты бойынша масштабтау

c)

2D масштабтау

d)

2D Z бағыты бойынша масштабтау

19.

transform: rotate3d(1, 0, 0, 90deg); не істейді?

a)

Y осіне айналдыру

b)

X осіне 3D айналдыру

c)

Z осіне айналдыру

d)

X осіне 2D айналдыру

20.

transform: translate(-50%, -50%); не үшін қолданылады?

a)

Элементті өз ортасына жылжыту

b)

Масштабтау

c)

Элементті өз ортасына бұру

d)

Бұру

21.

transform-origin: 100% 0; деген не?

a)

Оң жақ жоғарғы бұрышты айналу нүктесі етеді

b)

Орталықтан айналдырады

c)

Оң жақ астыңғы бұрышты айналу нүктесі етеді

d)

Сол жақ астыңғы бұрыш

22.

transform: rotateZ(90deg); нені білдіреді?

a)

Қиыстыру

b)

2D бұрылыс

c)

Z осіне 3D бұрылыс

d)

Масштабтау

23.

transform-style: flat; не істейді?

a)

Перспектива қосады

b)

Балалар элементтерін 2D етіп көрсетеді

c)

Элементті бұрады

d)

Масштабтайды

24.

translate3d(20px, 30px, 40px); не істейді?

a)

Тек X пен Y-ге ауыстырады

b)

3D кеңістікте жылжытады

c)

Бұрады

d)

Масштабтайды

25.

transform: scaleX(2); не істейді?

a)

Биіктікті 2 есе арттырады

b)

Ені екі есе артады

c)

Масштаб 3D-де

d)

Z осінде масштабтайды

26.

transform-origin: center center; нені орнатады?

a)

Жоғарғы сол жақ нүкте

b)

Астыңғы оң жақ нүкте

c)

Жоғарғы орта нүкте

d)

Орталық нүкте

27.

transform: skewY(30deg); дегеніміз?

a)

Y бағыты бойынша қиғаштық

b)

X бағыты бойынша бұру

c)

Бұру

d)

Масштабтау

28.

transform: rotate3d(0, 1, 0, 180deg); не істейді?

a)

Z осі бойынша айналдыру

b)

Масштабтау

c)

3D-де Y осі бойынша айналдыру

d)

3D-де Z осі бойынша айналдыру

29.

matrix(1, 1, 0, 1, 0, 0); қандай эффект береді?

a)

Масштабтау

b)

X бағытында қиғаштық

c)

Бұру

d)

Жылжыту

30.

transform: scale(1.5); дегеніміз?

a)

Ені 1.5x, биіктігі өзгермейді

b)

Биіктігі 1.5x, ені өзгермейді

c)

Масштаб өзгермейді

d)

Ені мен биіктігі 1.5x

31.

transform: translateY(-100%); қандай әсер береді?

a)

Элементті төмен түсіреді

b)

Элементті экраннан жасырады

c)

Элементті жоғары жылжытады

d)

Масштабтайды

32.

Қай мән тек 3D трансформациялар үшін жарамды?

a)

skewX

b)

translateZ

c)

rotate

d)

scale

33.

perspective-origin дегеніміз?

a)

Перспектива нүктесін орнатады

b)

Бұру бағытын орнатады

c)

Масштабтау ортасы

d)

Айналу жылдамдығы

34.

transform: none; не істейді?

a)

Еш өзгеріс енгізбейді

b)

Элементті ортасына жылжытады

c)

Масштабтайды

d)

Перспективаны жояды

35.

transform: scale(1, -1); қандай әсер береді?

a)

Масштаб 1x

b)

Айна бейнелеу көлденең

c)

Перспектива орнату

d)

Айна бейнелеу тік бағытта

36.

transform: translate(50vw, 0); деген не?

a)

Экранның биіктігіне жылжыту

b)

Кенетті 50 пиксельге оңға

c)

Экранның жарты еніне оңға жылжыту

d)

Элементті айна бейнелеу

37.

Қайсысы элементті 180 градусқа айналдырады?

a)

transform: matrix(1, 0, 0, 1, 180, 0);

b)

transform: scale(180deg);

c)

transform: rotate3d(0, 1, 0, 180deg);

d)

transform: skew(180deg);

38.

transform-origin мәні ретінде не қолданыла алады?

a)

only numbers

b)

percentage, keywords, length

c)

angle only

d)

transform only

39.

transform-style қандай мән қабылдайды?

a)

inline

b)

preserve-3d

c)

static

d)

scale

40.

rotateX(0deg) қандай эффект береді?

a)

Бұру

b)

Масштабтау

c)

Элемент өзгермейді

d)

Қиыстыру

41.

transform: translate3d(0, 0, -100px); не істейді?

a)

Элементті алға шығарады

b)

Масштабтайды

c)

Элементті артқа шегіндіреді

d)

Бұрады

42.

scale3d(2, 2, 2) дегеніміз?

a)

2D масштаб

b)

Барлық осьтер бойынша 3D масштаб

c)

Бұру

d)

Қиыстыру

43.

rotate3d(1, 1, 0, 45deg); қандай осьтерді қолданады?

a)

X пен Y

b)

Z

c)

X пен Z

d)

Y пен Z

44.

matrix3d параметр саны:

a)

6

b)

9

c)

16

d)

12

45.

transform: skew(0deg, 0deg); не істейді?

a)

Элементті бұрады

b)

Элементті масштабтайды

c)

Қиғаштық әсер бермейді

d)

Айналдырады

46.

transform: scale(0.5); не істейді?

a)

Элементті кішірейтеді

b)

Үлкейтеді

c)

Қиғаштайды

d)

Жасыртады

47.

transform: translate(0, 0); не істейді?

a)

Жылжытады

b)

Элемент орны өзгермейді

c)

Масштабтайды

d)

Элемент орны өзгереді

48.

transform-origin қандай жазылымда көрсетіледі?

a)

only one value

b)

x-axis y-axis

c)

angle only

d)

center only

49.

rotateZ қай кеңістікте жұмыс істейді?

a)

2D

b)

3D

c)

Static

d)

Layout

50.

transform қандай CSS тобына жатады?

a)

Text

b)

Display

c)

Visual Effects

d)

Positioning

51.

CSS-дегі 2D түрлендірулерге қайсысы жатады?

a)

rotateX, rotateY

b)

scale3d, rotate3d

c)

translate, rotate, scale

d)

perspective, matrix3d

52.

3D түрлендіруді қолдану үшін қандай CSS қасиеті міндетті?

a)

float

b)

display

c)

transform-style

d)

z-index

53.

perspective қасиетінің негізгі мақсаты қандай?

a)

Элементті бұру

b)

Қиғаш көрсету

c)

3D кеңістіктік тереңдік әсерін беру

d)

Элементті үлкейту

54.

2D және 3D түрлендірулердің басты айырмашылығы неде?

a)

2D-де анимация болмайды

b)

3D тек суреттермен жұмыс істейді

c)

2D тек X-Y осінде, ал 3D — X, Y, Z осьтерінде жұмыс істейді

d)

2D-де стильдер жоқ

55.

CSS-дегі transform қасиетінің рөлі қандай?

a)

Элементтің орналасуын немесе пішінін жасырады

b)

Элементтің шекарасын өзгертеді

c)

Элементті жасырады

d)

Элементтің орналасуын немесе пішінін өзгертеді

56.

Қай түрлендіру элементтің бағытын өзгертуге арналған?

a)

scale

b)

rotate

c)

skew

d)

translate

57.

skew функциясы не үшін қолданылады?

a)

Масштабтау үшін

b)

Қиғаштық беру үшін

c)

Бұру үшін

d)

Жылжыту үшін

58.

3D түрлендіру визуалды түрде әсер етуі үшін тағы қандай қасиет маңызды?

a)

z-index

b)

perspective

c)

display

d)

font-weight

59.

Егер transform мәні бірнеше түрлендіруді қатар қолданса, орындалу тәртібі қалай жүреді?

a)

Әрқашан масштабтау бірінші орындалады

b)

Қатар жазылған түрлендірулер солдан оңға қарай орындалады

c)

Артқы жағындағы бірінші орындалады

d)

Қатар жазылған түрлендірулер оңнан солға қарай орындалады

60.

transform-origin қасиетінің негізгі қызметі қандай?

a)

Элементті 2D етіп көрсетеді

b)

Масштабтау қарқынын анықтайды

c)

Түрлендірудің айналу немесе басталу нүктесін орнатады

d)

Элементті 3D етіп көрсетеді

Similar Resources on Wayground

АКТ тесты

58 questions

АКТ тесты

quiz

Worksheet

•

University

Soal UAS Komputer dan Masyarakat/ Rasmiati Rasyid,S.Kom.,M.Cs.

55 questions

Soal UAS Komputer dan Masyarakat/ Rasmiati Rasyid,S.Kom.,M.Cs.

quiz

Worksheet

•

University

Associate Diploma in Software Development Quiz- Set 1 (Amal)

60 questions

Associate Diploma in Software Development Quiz- Set 1 (Amal)

quiz

Worksheet

•

University

BSIS 1-2B - networking

61 questions

BSIS 1-2B - networking

quiz

Worksheet

•

University

ITEDAT Midterm Exam

60 questions

ITEDAT Midterm Exam

quiz

Worksheet

•

University

Finley Illustrator ACA Skills Quiz

62 questions

Finley Illustrator ACA Skills Quiz

quiz

Worksheet

•

6th Grade - University

Cyber Laws in Malaysia

60 questions

Cyber Laws in Malaysia

quiz

Worksheet

•

University

CSI106

60 questions

CSI106

quiz

Worksheet

•

University