--- title: "Syntax of Radial Gradient in CSS" description: "Syntax of Radial Gradient in CSS" author: "Ethan Karla" published: 2021-07-15 canonical: https://answers.mindstick.com/qa/93706/syntax-of-radial-gradient-in-css category: "programming" tags: ["css cascading style sheets"] reading_time: 2 minutes --- # Syntax of Radial Gradient in CSS What is the use of Radial [Gradient](https://www.mindstick.com/blog/161/gradient-background-in-c-sharp) in [CSS](https://www.mindstick.com/forum/514/background-gradient-ie7-css-problem)? What is the syntax of using that [property](https://www.mindstick.com/articles/44059/couple-of-supportive-tips-when-taking-a-gander-at-property-for-sale)? State with the help of an example. ## Answers ### Answer by Shivam Prajapati Radial Gradient is an in-built function of CSS that helps in creating a smooth transition between different colors. This sets the radial gradient as the background image. It can be a circular or elliptical shape. They are very helpful because they allow you to create a pattern background instead of a pattern image. Because of that the website loads faster than usual. Syntax for Radial Gradient : ``` background-image: radial-gradient(shape size at position, start-color, ..., last-color); ``` Let's understand with the help of an example : ```         Radial | Mindstick        
       
           

Welcome to Mindstick Software Private Limited

       
   
``` Hope this will help you! Happy Coding! \ --- Original Source: https://answers.mindstick.com/qa/93706/syntax-of-radial-gradient-in-css Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.