CSS transitions предоставляют способ контролировать скорость анимации, при изменении CSS-свойств. Вместо того, чтобы свойство применилось сразу, вы можете сделать это действие происходящим в течение какого-то момента времени. Например, если вы смените цвет элемента с белого на чёрный, изменение произойдёт моментально, а вот с CSS transitions, изменения произойдут за временные интервалы, следующих кривой ускорения, все из которых могут быть настроены.
Ссылки во время урока:
www.w3schools.com/css/tryit.a... ссылка на квадрат
htmldog.com/examples/transiti...
developer.mozilla.org/en-US/d...
ссылки на CSS transition timing functions
Timeline:
0:00 Intro в проект
00:10 Зачем CSS Transitions
00:42 Готовим кнопку в HTML + CSS
02:53 Начинаем Transitions
03:07 transition-duration
03:45 transition-property
04:57 transition-delay
05:49 transition-timing-function
08:29 записываем все в одну строку
09:33 не забывайте подписываться!
Всем спасибо!
#css #html #htmlandcsstutorialforbeginners #transition #learnhtmlandcss
Негізгі бет CSS TRANSITIONS | Плавные переходы за 9 минут
Пікірлер: 13