RADIAL-GRADIENT(Repeating-radial-gradient) IN CSS | CSS GRADIENTS | CSS TUTORIAL - PART 36 | TAMIL

Hello friends, In this video, we have seen css radial-gradient and repeating-radial-gradient. Radial gradient is a type of image that displays smooth transitions between two or more specified colors that radiate from an origin point. By default the origin is center, so this is the starting point of the radial gradient. Shape: Radial gradients can be either a circle or an ellipse but default ellipse shape only. Size: Determines how far the gradient extends. there are four types: 1. closest-corner 2. closest-side 3. farthest-side 4. farthest-corner(default) Also you can use length values like px or % to define its size. At position: Specifies the position of the gradient's origin by default its position is center. but we can give position values like left, right, top, left top, %, px and so on.... Color stops: These define the colors that will be used in the gradient and their position. Linear gradient in css: https://youtu.be/ljNLQGwAzGc #html #css #css3 #csstutorial #gradients #radial #gradient #gradienteffect #webdevelopment #frontenddevelopment THANKS FOR WATCHING ! FOR MORE VIDEO LIKE THIS DO SUPPORT MY CHANNEL🙂