CSS Tutorial in Hindi [Part 23] - CSS Gradient

Опубликовано: 18 Август 2020
на канале: Tech Gun
30,096
741

In this video i will talk about Gradient in CSS.

CSS gradients let you display smooth transitions between two or more specified colors.

CSS defines two types of gradients:

Linear Gradients (goes down/up/left/right/diagonally)
Radial Gradients (defined by their center)

CSS Linear Gradients
To create a linear gradient you must define at least two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect.

Syntax
background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

CSS Radial Gradients
A radial gradient is defined by its center.

To create a radial gradient you must also define at least two color stops.

Syntax
background-image: radial-gradient(shape size at position, start-color, ..., last-color);


Смотрите видео CSS Tutorial in Hindi [Part 23] - CSS Gradient онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tech Gun 18 Август 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 30,09 раз и оно понравилось 74 людям.