Course Content

Course Content


The linear-gradient() CSS method generates a picture with a gradual transition between two or more colours in a straight line. Its output is an object of the data type, which is a subset of the data type.

In CSS, a gradient is a unique form of picture that consists of a gradual and smooth transition between two or more colours. CSS is a style sheet that may be applied to a variety of web publications. We may create different picture styling options with CSS gradients, which can help us design a more appealing webpage.

Gradients are divided into three categories: linear, radial, and conic.

We choose two places on the line itself to determine the gradient of a straight line. The difference in height (y co-ordinates) and width (x co-ordinates). If the answer is a positive number, the line is going uphill. If the answer is a negative number, the line is going downhill.

It is better for control and performance to use gradients expressed in CSS rather than an actual image file. Gradients are normally one colour that fades into another, but you can control every part of how that happens in CSS, from the direction to the colours (as many as you want) to the location of the colour changes.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere