Анимация

Question 1

Что делать, чтобы анимация плавности применялась при наведении курсора? И после ухода курсора?

Answer 1

Использовать свойство transition и обязательно к объекту, не к ховеру

Question 2

Что обязательно добавлять к tranform и transition?

Answer 2

Вендорные префиксы для кроссбраузерности

Question 3

Что делать, чтобы при наведении на один блок, появлялся другой?

Answer 3

Оба блока должны быть соответственно родителем и потомком, а в цсс между ними ставить пробел: предок:hover_пробел _потомок {….}
При соседских отношених он начнет мерцть. Если нужен :focus, элементу, который должен появиться, добавить tabindex=”0” именно 0 для експлорера.

Question 4

Для каких сіойств не работает transition?

Answer 4

display:block и display:none и min-height в открытом виде (например, у дропдаунов)

Question 5

Как делать плавное появление/исчезновение при наведении?

Answer 5

Так как c display: block и none не работает, можно использоваиь: аццкий марджин слева: -999em невидимому и обычный видимому; либо на разнице высот, но тогда не использовать min-height, просто height

Question 6

Почему в аккордеоне не стоит использовать overflow:auto?

Answer 6

Это может привести к неуместному появлению-исчезновению полосы прокрутки

Question 7

Почему стоит отключать плавную анимацию при проверке медиа-запросов?

Answer 7

Иначе будет появляться несцществующий скролл. ПОТОМ ВКЛЮЧИТЬ!

Question 8

Можно ли задать ссылку шириной на весь блок+ анимированное подчёркивание только текста?

Answer 8

Да. 1. Ссылке задать display:block,чтобы она заполнила весь блок. 2. Каждой отдельной ссылке добавить по классу 3. И через них каждой ссылке задать сыою ширину псевдоэлемента, имитирующего подчёркивание