Скачать код из урока. Скачиваемый файл находится в архиве. Для использования – распакуйте его с помощью любой программы архиватора.
magin - свойство CSS. Устанавливает значение полей вокруг элемента и позволяет задавать расстояния взаимодействия с окружающими элементами. Свойство magin, аналогично свойству padding позволяет задать величину поля сразу для всех сторон элемента или определить ее только для указанных сторон.
Примеры записи свойств:
magin: 10px; - поля будут установлены одновременно от каждого края элемента.
magin: 10px 20px; - первое значение устанавливает поля от верхнего и нижнего края (10px), второе — от левого и правого (20px).
magin: 10px 20px 30px 40px; - поочередно устанавливается поля от верхнего (10px), правого (20px), нижнего (30px) и левого (40px) края.
Также возможно отдельное написание для каждой стороны по отдельности:
magin -top: 10px; - отступ снаружи блока сверху
magin -right: 20px; - отступ снаружи блока справа
magin -bottom: 30px; - отступ снаружи блока снизу
magin -left: 40px; - отступ снаружи блока слева
transition – универсальное CSS свойство, которое позволяет одновременно задать значения таких свойств, как transition-property, transition-duration, transition-timing-function и transition-delay. Устанавливает эффект перехода между двумя состояниями элемента, они могут быть определены с помощью псевдокласса :hover
transition: 2s; - в примере мы устанавливаем плавный переход состояний псевдоклассов.