In this article, we will see how to use gradient colors using css, there types, examples with there code & result. Also you’ll learn about How to use CSS Gradient Colors value into the elements of your web page.

CSS gradients let you display smooth transitions between two or more specified colors. With the use of gradient colors we can change look of whole web page. A simple way CSS gradients color usage to make your page look more stylish.

Before we start to learn about the CSS Gradients, you should know, there are two types of gradient colors.

- Linear Gradients (goes down/up/left/right/diagonally)

- Radial Gradients (defined by their center)

Linear or radial gradient is not a CSS property, but that is a value for the background-image property.Let’s Begin.

CSS Linear Gradient

To create a linear-gradient, We will need to define…

In this post you will get to know about Angular 8|9 Directives. What are the directives in angular and what types are there?

Basically directives are the elements which change the appearance or behavior of DOM elements. There are three types of Directives:

Directives in Angular

Component Directives

Component directive is nothing but a @component decorator function which is present in every component, which tells how the component should be initialized, it is not possible to render template without selector

Below is the example of @component directive

selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']

Structural Directives

Structural Directives manipulates render data from typescript to the DOM

This article describes conic gradients, Conic gradient is third type of CSS gradients with the use of conic-gradient() function we can make our UI more elegant.

Conic Gradient is the third type of CSS gradient, we already have Linear Gradient and radial gradient. Now we will use conic gradients to make our web UI more classy,

conic-gradient() is the in-built function in CSS to use conic gradients, just like linear-gradient() & radial-gradient().

Below the examples that illustrate the conic-gradient() function in CSS:

conic gradient with No Angle

This is a basic example of conic gradient with no angle or with no any position.



In this article, we are going to discuss multiple ways to add bootstrap in your angular application, basically we will discuss multiple ways to install bootstrap library in your Angular Application. Also we will see how we can have different color themes in our project.

What is Bootstrap?

Bootstrap is a powerful toolkit, a collection of HTML, CSS, and JavaScript tools for creating and building web pages and web applications. It is a free and open source project, hosted on GitHub.

Bootstrap offers you quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass…

Prachi Thakur

Full time web developer, and writer at

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store