Transition, transform, position

Ինչի համար է օգտագործվում 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%)