CSS Hover და Transition

როგორ დავამატოთ hover ეფექტი CSS-ში?

• element:hover {}

• element:focus {}

• element:active {}

• element:transition {}

როგორ უნდა გამოვიყენოთ transition CSS-ში?

• transition: property duration timing-function;

• transition-duration: 2s;

• transition: background-color;

• transition-active: true;

რომელ CSS თვისებას იყენებენ ყველაზე ხშირად hover ეფექტში?

• font-size

• background-color

• display

• visibility

რა განსხვავებაა hover და active pseudo-class-ებს შორის?

• hover გამოიყენება მხოლოდ სახლებისთვის, active მხოლოდ მხოლოდ ღილაკებისთვის.

• hover აქტიურია მაშინ, როცა მაუსი ელემენტზე გადადის, ხოლო active მაშინ, როცა ელემენტი დაჭერილია.

• hover მხოლოდ ტექსტთან მუშაობს, ხოლო active მხოლოდ სურათებთან.

• hover და active არის ერთსა და იმავე მოქმედება.

როგორ უნდა დავაყენოთ ელემენტის ფონის ფერის ცვლილება მხოლოდ როცა მასზე მაუსი გადაადგილდება?

• element:hover { background-color: red; }

• element:hover { color: red; }

• element:hover { background-color: yellow; }

• element:hover { font-color: red; }

როგორ შეიძლება გავამაგროთ CSS transition-თან ერთად წარწერის ფერის ცვლილება, 0.5 წამ

როგორ შეიძლება გავამაგროთ CSS transition-თან ერთად წარწერის ფერის ცვლილება, 0.5 წამში?

• transition: color 0.5s ease;

• transition-color: 0.5s;

• color-transition: 0.5s;

• transition-duration: 0.5s;

რომელ CSS თვისებას გამოიყენებთ, რათა შექმნათ ყველა ფორმის ცვლილება?

• transition-width

• transition-height

• transition-color

• transition-all

როგორ დავაყენოთ CSS hover-ს ცვლილებები ისე, რომ ფერის ცვლილება 1 წამში მოხდეს?

• element:hover { color: red; transition: 1s; }

• element:hover { color: red; transition-duration: 1s; }

• element:hover { color: red; transition-timing: 1s; }

• element:hover { color: red; transition-all: 1s; }

რომელი თვისებები შეგიძლიათ გამოიყენოთ CSS transition-თან ერთად?

• color, background-color, font-size

• height, width, border-radius

• opacity, transform, visibility

• ყველა ზემოთ ჩამოთვლილი