09. Градиенты в CSS. Линейные, радиальные, конические, повторяющиеся градиенты в CSS.

В видео по градиентам CSS мы разберем стили записи графиентов в CSS. Познакомимся с такими видами градиентов, Линейные, радиальные, конические, повторяющиеся градиенты. --- Заметки по градиентам --- background: linear-gradient(45deg, black, 20%, aqua, 75%, yellow); - линейный градиент начинающийся с угла 45 градусов. 20 и 75 - точки перехода цветов. background: radial-gradient(at 0% 50%, black 20%, aqua 20%, aqua 50%, yellow 50%); Радиальный (круговой градиент) - 20, 20, 50 - точные точки перехода цветов. at - начало круга по ширине и высоте .div-3{ background: conic-gradient( from 45deg at 30% 30%, black, aqua); } from - определяет с какого градуса начнется отрисовка графиента at - определяет начальное положение центра градиента Если надо применить at и from одновременно - то запятой между ними нет!!!! .div-4 { background: repeating-linear-gradient( 135deg, black, black 2%, aqua, aqua 4%); } Цвета необходимо писать два раза, потому что первый цвет определяет начало цвета, а второй(со значением) - конец данного цвета. #как_писать_градиенты