WorksheetsTransition, transform, position
Total questions: 16
Worksheet time: 8mins
Ինչի համար է օգտագործվում CSS- transition: հատկությունը
HTML թեգերին հաղորդում է շարժում
սահմանում է շարժման տևողությունը
սահմանում է շարժման արագությունը
Բոլոր նշվածները
Որ հատկության միջոցով սահմանել շարժման արագությունը անիմացիայի ընթացքում
transition-duration
transition-timing-function
transition-property
transition-delay
transition-timing-function հատկության որ արժեքի միջոցով սահմանել համաչափ շարժում
ease-in
ease-out
ease-in-out
linear
translate հատկության որ արժեքի միջոցով էլեմենտը տեղափոխել 100px ձախ
translate(100px, 0)
translate(-100px, 0)
translate(0, 100px)
translate(0, -100px)
Ինչպես սահմանել շարժումը 1 վայրկյան հետո
transition-delay:1s
transition-delay:1
transition-delay:1ms
transition-delay:100
Ինչպես transition հատկություն տալ էլեմենտի լայունթյանը և բարձրությանը
transititon:width, height
transition: width height
transititon-property:width height
transition-property:width
Որ հատկության միջոցով շրջել էլեմենտը
rotate
transform:rotate(45deg)
rotation
transform
Ինչպես էլեմենտը շրջել 45 աստիճան ժամսլաքի ուղղությամբ
rotate(45deg)
rotate(45)
rotate(45rad)
rotate(45turn)
Ինչպես շրջել էլեմենտը 180 աստիճան ժամսլաքի հակառակ ուղղությամբ
rotate(-180deg)
rotate(180deg)
rotate(-180)
rotate(180turn)
CSS-ի որ հատկության միջոցով մեծացնել էլեմենտը
transform:scale(1, 1)
transform
scaling
scale(150%)
Որ հատկության միջոցով թեքել էլեմենտը
transform:skew()
skew
skewing
transform-skew
Ինչպես էլեմենտը թեքել 30 աստիճան հորիզոնական ուղղությամբ
skew(30deg)
skewX(30deg)
skewY(30deg)
transform(30deg)
CSS-ի որ հատկության միջոցով սահմանել էլեմենտի տեղակայությունը
position
layout
display
transform
Ինչպես տեղակայել էլեմենտը 20px վերևից, 30px ձախից
top:20px; left:30px;
top:30px; left:20px;
position:20px 30px
top:20px; right:30px;
transform հատկության միջոցով ինչպես իր չափից 2 անգամ մեծացնել էլեմենտը
transform:scale(2)
transform:scale(2x)
transform:scale(200%)
transform:scale(200)
Transform հատկության միջոցով ինչպես տալ էլեմենտին 10 աստիճան հորիզոնական և ուղղահայաց թեքություն
transform:skew(10deg, 10deg)
transform:skewY(10deg)
transform:skewX(10deg)
transform:skew(10%, 10%)
